- UI Elements
- Buttons
Buttons - Classic HTML elements. We must use them!
Default Buttons
To style buttons simply add the btn class and define the specific button color such as btn-primary or btn-success.
Outline Buttons
To style buttons with outline effect just add the btn-outline class. Hover on them and see a nice fade effect.
Rounded Buttons
To add round corners add the btn-rounded class to any button. Simple yet amazing.
Sized Buttons
You can adjust buttons to different sizes: mini, small, medium and large. Simply add one of the following classes .btn-xs or .btn-smor .btn-lg. For normal size no extra class is needed!
Circled Buttons
For circled buttons use the btn-circle class. This is the perfect choice for icon-only buttons.
Grouped Buttons
Wrap a series of buttons with .btn in .btn-group.
Combine sets of <div class="btn-group"/> into a <div class="btn-toolbar"> for more complex components.
Dropdown Buttons
Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.
Blocked Buttons
Create block level buttons—those that span the full width of a parent by adding .btn-block.
Social Buttons
Social Buttons made in pure CSS based on Bootstrap and Font Awesome! Please visit http://lipis.github.io/bootstrap-social/ for more details.