Shahrul Alif

Online

MAIN NAVIGATION

LABELS

Labels

Buttons
Control panel
  1. Home
  2. UI
  3. Buttons

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

Block Buttons

Horizontal Button Group

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

Button Icons Flat Dropdown
Action Another action
Action Another action
Action Another action
Action Another action
Action Another action

Button Addon

With dropdown

Action Another action Some link

Normal

Flat

Split buttons

Normal split buttons:

Action Another action Some link
Action Another action Some link
Action Another action Some link
Action Another action Some link
Action Another action Some link

Flat split buttons:

Action Another action Some link
Action Another action Some link
Action Another action Some link
Action Another action Some link
Action Another action Some link

Social Buttons (By Lipis )

Sign in with Bitbucket Sign in with Dropbox Sign in with Facebook Sign in with Flickr Sign in with Foursquare Sign in with Github Sign in with Google Sign in with Instagram Sign in with LinkedIn Sign in with Tumblr Sign in with Twitter Sign in with VK

Application Buttons

Add the class .btn.btn-app to an <a> tag to achieve the following:

Edit Play Repeat Pause Save 3 Notification 300 Product 891 Users 87 Orders 12 Inbox 531 Likes

Different colors

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

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 Flat Dropdown
Action Another action Some link
Action Another action Some link
Action Another action Some link
Action Another action Some link
Action Another action Some link