Bootstrap buttons

Bootstarp btn colors

<button type="button" class="btn btn-primary">Blue</button>
<button type="button" class="btn btn-secondary">Grey</button>
<button type="button" class="btn btn-success">Green</button>
<button type="button" class="btn btn-danger">Red</button>
<button type="button" class="btn btn-warning">Yellow</button>
<button type="button" class="btn btn-info">Ligth blue</button>
<button type="button" class="btn btn-light">White</button>
<button type="button" class="btn btn-dark">Black</button>

<button type="button" class="btn btn-link">White with blue text</button>

Bootstrap buttons

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>

<button type="button" class="btn btn-link">Link</button>

Bootstrap button outline

<button type="button" class="btn btn-outline-primary" href="#">Primary</button>

Bootstrap buttons

<button type="button" class="btn btn-primary">Blue</button>
<button type="button" class="btn btn-secondary">Grey</button>
<button type="button" class="btn btn-success">Green</button>
<button type="button" class="btn btn-danger">Red</button>
<button type="button" class="btn btn-warning">Orange</button>
<button type="button" class="btn btn-info">Navy Blue</button>
<button type="button" class="btn btn-light">Light Grey</button>
<button type="button" class="btn btn-dark">Black</button>

<button type="button" class="btn btn-link">Link</button>

Source: getbootstrap.com

Similar codes

1 vote215 views1 answer
Bootstrap js link not working
Javascript Bootstrap
0 vote219 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript Bootstrap
1 vote200 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript Bootstrap
0 vote191 views1 answer
React bootstrap make col disapear in small screens
Javascript Bootstrap
0 vote202 views1 answer
Jquery autocomplete bootstrap modal
Javascript Bootstrap
-1 vote199 views2 answers
Bootstrap 5 toast display
Javascript Bootstrap
0 vote150 views1 answer
UseBootstrapPrefixhttp://localhost:8000/static/js/bundle.js:15261:75
Javascript Bootstrap
6 votes186 views5 answers
Bootstrap icons
CSS Bootstrap
2 votes199 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript Bootstrap
4 votes192 views2 answers
Bootstrap icons sdn
CSS Bootstrap