Buttons UI

Buttons

Various types of buttons. Using the base class .btn

Normal Large .btn-lg Small .btn-sm X-Small .btn-xs Flat .btn-flat Disabled .disabled

Horizontal Button Group

Horizontal button groups are easy to create with bootstrap. Just add your buttons inside <div class="btn-group"></div>

Button Icons Dropdown

Vertical Button Group

Vertical button groups are easy to create with bootstrap. Just add your buttons inside <div class="btn-group-vertical"></div>

Button Icons Dropdown

Social buttons Icon with Name

Use a classes btn btn-social btn-bitbucket / < class="fa fa-bitbucket"></i>to quickly create a General btn.

Social buttons Icon

Use a classes btn btn-social-icon btn-bitbucketto quickly create a General btn.

With Circle buttons

Use a classes btn btn-social-icon btn-circleto quickly create a General btn.

With rounded buttons

Use a classes btn btn-social-icon btn-roundedto quickly create a General btn.

Different colors

Mix and match with various background colors. Use base class .btnand add any available .bg-*class

Application Buttons

Add the classes .btn.btn-appto an <a>tag to achieve the following:

EditPlayPauseStopRepeatSave12Notifications41Users45Orders2Inbox48Products31Likes

Button Addon

With dropdown

Normal

Flat