How to use Bootstrap colorpicker ?

Share Me
  •  
  •  
  •  
  • 1
  •  
  •  
  •  
  •  
  •  
  •  
  •  
    1
    Share
How to use Bootstrap colorpicker

Hello Dev’s
Today now in this example,I will show you how to use bootstrap color picker in laravel application. We can simply use the bootstrap colorpicker. Bootstrap bootstrap-colorpicker is very popular library in web application. So if we also want to build color picker both then also we can set we can see bellow example.We know here How to use Bootstrap colorpicker.

Bootstrap Colorpicker Example
<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap Colorpicker Example - codingspoint.com</title>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.5.1/css/bootstrap-colorpicker.min.css" rel="stylesheet">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.5.1/js/bootstrap-colorpicker.min.js"></script>  
</head>
<body style="background-color: #7eded2;">
<div class="container">
    <h1>Bootstrap Colorpicker</h1>
    <div id="cp2" class="input-group colorpicker colorpicker-component"> 
      <input type="text" value="#00AABB" class="form-control" /> 
      <span class="input-group-addon"><i></i></span> 
    </div>
</div>

<script type="text/javascript">
  $('.colorpicker').colorpicker({});
</script>
</body>
</html>  

Read Also : How to get all models in Laravel?

Thanks for read. I hope it help you. For more you can follow us on facebook.

About code chef

My name is Shahriar sagor. I'm a developer. I live in Bangladesh and I love to write tutorials and tips that will help to other Developer's. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.

View all posts by code chef →