Author:
Maks
Snipp created on:
2012-09-12 14:12:30
Description:
Toolbar for a text editor application showing WYSIWYG buttons, alignment buttons and action buttons. Using GlyphIcons that are included with Bootstrap.
Like Bootsnipp? Please give a tip:
<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>
Share this snipp:
Tweet