"Text editor toolbar"
Bootstrap 2.3.2 Snippet by msurguy

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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="btn-toolbar">
<div class="btn-group">
<button class="btn" data-original-title="Bold - Ctrl+B"><i class="icon-bold"></i></button>
<button class="btn" data-original-title="Italic - Ctrl+I"><i class="icon-italic"></i></button>
<button class="btn" data-original-title="List"><i class="icon-list"></i></button>
<button class="btn" data-original-title="Img"><i class="icon-picture"></i></button>
<button class="btn" data-original-title="URL"><i class="icon-arrow-right"></i></button>
</div>
<div class="btn-group">
<button class="btn" data-original-title="Align Right"><i class="icon-align-right"></i></button>
<button class="btn" data-original-title="Align Center"><i class="icon-align-center"></i></button>
<button class="btn" data-original-title="Align Left"><i class="icon-align-left"></i></button>
</div>
<div class="btn-group">
<button class="btn" data-original-title="Preview"><i class="icon-eye-open"></i></button>
<button class="btn" data-original-title="Save"><i class="icon-ok"></i></button>
<button class="btn" data-original-title="Cancel"><i class="icon-trash"></i></button>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: