<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row"> <div class="col-xs-2 btn-group"> <button class="btn btn-primary" disabled type="button"> </button> <button class="btn btn-default" disabled type="button">rain</button> </div> <div class="col-xs-2 btn-group"> <button class="btn btn-warning" disabled type="button"> </button> <button class="btn btn-default" disabled type="button">warning</button> </div> <div class="col-xs-2 btn-group"> <button class="btn btn-success" disabled type="button"> </button> <button class="btn btn-default" disabled type="button">success</button> </div> </div> <div class="row"> <div class="col-xs-2"> <button class="btn btn-default" disabled type="button"> <label class="btn btn-primary"> </label> rain </button> </div> </div>

$.getScript("https://unpkg.com/leaflet@1.0.3/dist/leaflet.js",function(){ var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'; var osmAttrib='Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors'; var osm = new L.TileLayer(osmUrl) var mymap = L.map('mappa',{ layers:[osm] }).setView([51.505, -0.09], 13); })