Home Bootstrap How to use Bootstrap colorpicker ?

How to use Bootstrap colorpicker ?

by Shahriar Sagor
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>
  <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>  
<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> 

<script type="text/javascript">

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.


You may also like