Search code examples
jquerycsstwitter-bootstraptwitter-bootstrap-3adminlte

Bootstrap colorpicker doesn't work

Bootstrap colorpicker doesn't work. This is my code

 <div class="form-group"style="margin-top:-10px">
   <label style=" height:20px !important ;font-size: 12px;" class="col-sm-4 
    control-label">Kurye Durum Renk</label>
   <div class="col-sm-7">
      <input id="ColorPickerKuryeDurumRenk" type="text" class="form-control">
   </div>
 </div>


<link rel="stylesheet" src="plugins/colorpicker/bootstrap-colorpicker.min.css">
<script src="plugins/colorpicker/bootstrap-colorpicker.min.js"></script>

<script>

    $(document).ready(function(){

        $("#ColorPickerKuryeDurumRenk").colorpicker();
    });

</script>

When i runned the code like this, I didn't get any error but the colorpicker doesn't work . Where is my fail ?

Solution

  • <link rel="stylesheet" src="plugins/colorpicker/bootstrap-colorpicker.min.css">

    To import a stylesheet you need to use href="PATH_OF_FILE"