Bootstrap Colorpicker tests

Base Fiddle for testing Bootstrap Colorpicker

by Madan Bhandari

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="http://mjolnic.com/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="http://mjolnic.com/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js"></script>
<br>
    <br>
<div class="input-group color">
    <input type="color" value="" class="form-control" />
    <span class="input-group-addon"><i></i></span>
</div>

<button>Click me</button>

CSS

.main {
    text-align:center;
    margin:40px;
}

JavaScript

$(function () {
    $('.color').colorpicker();
    
    $("button").on("click", function(){
        alert($('.color').colorpicker('getValue'));
    });
});