"boosnip navigation"
Bootstrap 3.0.0 Snippet by cojahmetov

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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 ));
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: