HTML: Bootstrap - Text Editor toolbar UI

gistfile1

<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>