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.
-
Have Questions? Post them here!
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:
- Tutorial : Simple Lightweight Pure CSS based Vertical Navigation Menu - CSS
- Officially Send WhatsApp message using webpage (html) - WhatsApp
- Know current Python Version - Python
- Java - Check if array contains the value - Java
- Android Studio emulator/Device logCat logs not displayed - Android-Studio
- Program 4: Input Name and Age and Print - 1000+ Python Programs - Python-Programs
- How to know if someone has read your WhatsApp message - WhatsApp
- Unable to establish connection to adb : Android Studio Error - Android