There are various colors that Bootstrap provides for the buttons, there are 8 classes that you can make use of along with btn,
Bootstarp Button Color Classes:
- btn-primary: Blue
- btn-secondary: Grey
- btn-success: Green
- btn-danger: Red
- btn-warning: Yellow
- btn-info: Blueish
- btn-light: White
- btn-dark: Black
As you can the buttons are not named as per color but rather what the color signifies, let's see examples and see how they look,
Code Snippet:<button type="button" class="btn btn-primary">Primary: Blue</button>
<button type="button" class="btn btn-secondary">Secondary: Grey</button>
<button type="button" class="btn btn-success">Success: Green</button>
<button type="button" class="btn btn-danger">Danger: Red</button>
<button type="button" class="btn btn-warning">Warning: Yellow</button>
<button type="button" class="btn btn-info">Info: Blueish</button>
<button type="button" class="btn btn-light">Light: White</button>
<button type="button" class="btn btn-dark">Dark: Black</button> <br/>
Output:
Bootstarp button colors.
-
Facing issues? Have Questions? Post them here! I am happy to answer!
More Posts related to Bootstrap,
- How to disable button in Bootstrap
- Bootstrap tooltip not working
- Bootstrap Button Colors Classes
- Rounded Images in Bootstrap framework
- Right Align Text in Bootstrap framework
- How to add hint text in bootstrap input text field and text area
- Create Bootstrap carousel slider with Text
- Bootstrap Nav Menu Dropdown on hover
- [Solved] Bootstrap tooltip not working
- Align left align text in Bootstrap
More Posts:
- Error: Failed to validate the signature of the actionable message card - Power Automate Flow - PowerAutomate
- Spring Boot: JDBCTemplate BatchUpdate Update Query Example - Java
- How to Preview HTML, CSS, JavaScript in Notepad++ - NotepadPlusPlus
- Is Facebook is down? Is it just for me? - Facebook
- Adding Jackson dependency to Java Gradle Project - Gradle
- Set Falling Show on Website for Christmas using Pure CSS Code - CSS
- How to create a Array (not using list) in Python - Python
- Fix: Jupyter Notebook says Not Trusted - Python