How to use Bootstrap colorpicker ?

Bootstrap

Nicesnippets

4232

09-12-2019


Hii Guys,

In this example,I will learn you to use bootstrap color picker in laravel.you can simply use the bootstrap colorpicker.bootstrap bootstrap-colorpicker is very popular library. So if you also want to build color picker both then also you can set you can see bellow example.

Bootstrap Colorpicker Example

<!DOCTYPE html>

<html>

<head>

<title>Bootstrap Colorpicker Example - nicesnippets.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>

It will help you...


Recommended Posts