Inventory Management Software

Default buttons

Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only and elements for the best rendering.

Basic pills

Take that same HTML, but use .nav-pills instead:

1. class="nav nav-pills">
2. class="active">
3. href="#">Home
4.  
5.  
6. href="#">...
7.  
8. href="#">...
9.  

Button sizes

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

1.  

2. class="btn btn-large btn-primary" type="button">Large button
3. class="btn btn-large" type="button">Large button

4.  

5.  

6. class="btn btn-primary" type="button">Default button
7. class="btn" type="button">Default button

8.  

9.  

10. class="btn btn-small btn-primary" type="button">Small button
11. class="btn btn-small" type="button">Small button

12.  

13.  

14. class="btn btn-mini btn-primary" type="button">Mini button
15. class="btn btn-mini" type="button">Mini button

16.  

Create block level buttons—those that span the full width of a parent— by adding .btn-block.