<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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-md-3"> <div class="btn-group btn-group-justified"> <a class="active btn btn-default" id="show-preview" href="#">Preview</a> <a class="btn btn-default" id="show-html" href="#">HTML</a> <a class="btn btn-default" id="show-css" href="#">CSS</a> <a class="btn btn-default" id="show-js" href="#">JS</a> </div> </div> <div class="col-md-3"> <input type="text" name="title" placeholder="Name this snippet" class="form-control"> </div> <div class="col-md-3"> <select name="bootstrap-version" class="form-control"> <option value="3.0.1">Bootstrap 3.0.1 + jQuery 1.10.2</option><option value="3.0.0" selected="">Bootstrap 3.0.0 + jQuery 1.10.2</option><option value="2.3.2">Bootstrap 2.3.2 + jQuery 1.10.2</option> </select> </div> <div class="col-md-3 text-right"> <div style="text-align:left" class="btn-group"> <a data-style="expand-right" class="btn btn-primary ladda-button" id="save-snippet" href="#">Save snippet</a> <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button"> <span class="caret"></span> </button> <ul role="menu" class="dropdown-menu"> <!-- <li><a href="#"><span class="glyphicon glyphicon-share"></span> Share snippet</a></li> --> <li><a target="_blank" href="http://bootsnipp.com/fullscreen/MR3a"><span class="glyphicon glyphicon-fullscreen"></span> View fullscreen</a></li> <li><a href="#featuremodal" data-toggle="modal"><span class="glyphicon glyphicon-ok"></span> Submit this snippet</a></li> <li class="divider"></li> <li> <a onclick="window.open( 'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent('http://bootsnipp.com/snippets/MR3a') +'&t=' + encodeURIComponent(' #Bootstrap #snippet'), 'facebook-share-dialog', 'width=626,height=436,top='+((screen.height - 436) / 2)+',left='+((screen.width - 626)/2 )); return false;" href="#"> <i class="icon-facebook"></i> Share on Facebook </a> </li> <li> <a onclick="window.open( 'https://twitter.com/share?url='+encodeURIComponent('http://bootsnipp.com/snippets/MR3a')+'&text='+encodeURIComponent('I shared a cool #snippet on @bootsnipp :') + '&count=none/', 'twitter-share-dialog', 'width=626,height=436,top='+((screen.height - 436) / 2)+',left='+((screen.width - 626)/2 )); return false;" href="#"> <i class="icon-twitter"></i> Share on Twitter </a> </li> <li class="divider"></li> <li><a href="#removeModal" data-toggle="modal"><span class="glyphicon glyphicon-remove"></span> Remove snippet</a></li> </ul> </div> </div> </div>