<button class=“btn btn-primary btn-md” data-toggle=“modal” data-target=“#myModal”>

Show modal

</button> <div class=“modal fade” id=“myModal” tabindex=“-1” role=“dialog” aria-labelledby=“myModalLabel” aria-hidden=“true”>

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-body">
            <div id="cp11" class="input-group colorpicker-component">
                <input type="text" value="" class="form-control"/>
                <span class="input-group-addon"><i></i></span>
            </div>
        </div>
    </div>
</div>

</div> <script>

$(function () {
    $('#cp11').colorpicker();
});

</script>