Bootstrap Colorpicker 2.5 Template: Customizable Color Picker with Input

<div class='container'>
<h1>Bootstrap Colorpicker Template</h1>
<div class='form-group'>
<label for='colorpicker-input'>Pick a color:</label>
<input type='text' class='form-control' id='colorpicker-input'>
</div>
</div>
<script>
$(document).ready(function(){
$('#colorpicker-input').colorpicker({
'template': '<div class='colorpicker'>' +
'<div class='colorpicker-saturation'><i><b></b></i></div>' +
'<div class='colorpicker-hue'><i></i></div>' +
'<div class='colorpicker-alpha'><i></i></div>' +
'<div class='colorpicker-preview'><i></i></div>' +
'</div>'
});
});
</script>
<p>This template features an input field with a label and utilizes the 'template' property of Bootstrap Colorpicker 2.5 to customize the color picker's appearance. The template includes a simple color picker layout with saturation, hue, alpha, and preview elements. You can customize the template's styling and layout as needed.</p>