Buttons & Button Groups
2: Utilities
2.2 Basic Typography
2.3 Text Alignment & Display
2.4 Floats & Position
2.5: Colors & Background
2.6 Spacing
2.7 Sizing
2.8 Breakpoints
3: CSS Components
3.2 Buttons
3.3 Navbar
3.4 List Groups & Badges
3.5 Forms
3.6 Input Groups
3.7 Alerts & Progress
3.8 Tables & Pagination
3.9 Cards
3.10 Media Objects
4: Grid & Flexbox
4.2 Grid System
4.3 Grid Alignment
4.4 Flexbox
4.5 Auto Margins & Wrap
5: JavaScript Widgets
5.2 Carousel
5.3 Collapse
5.4 Tooltips
5.5 Popovers
5.6 Modals
btn btn-primary
btn btn-secondary
btn btn-success
btn btn-info
btn btn-warning
btn btn-danger
btn btn-link
Link
Button
btn btn-outline-primary
btn btn-outline-secondary
btn btn-outline-success
btn btn-outline-info
btn btn-outline-warning
Danger
btn btn-primary btn-lg
btn btn-primary btn-sm
btn btn-secondary btn-block
Regular Button
btn btn-primary active
btn btn-primary disabled
Toggle State
data-toggle="button"
btn btn-primary dropdown-toggle
dropdown-item
dropdown-item
dropdown-item
div.btn-groups
data-toggle="dropdown"
My Button
dropdown-toggle dropdown-toggle-split
dropdown-menu
dropdown-item
dropdown-item
dropdown-item
div.btn-group
Left
Middle
Right
div class="btn-toolbar" role="btn-toolbar"
div class="btn-group mr-2"
1
2
3
4
5
6
7
8
div class="btn-group-vertical"
Left
Middle
Right