Bootstrap 3 button

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 Sizes

Fancy larger or smaller buttons? Add .btn-lg or .btn-sm for additional sizes.
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-secondary btn-lg">Large button</button>

<button type="button" class="btn btn-primary btn-sm">Small button</button>
<button type="button" class="btn btn-secondary btn-sm">Small button</button>

<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
<button type="button" class="btn btn-secondary btn-lg btn-block">Block level button</button>

<a href="#" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">Primary link</a>
<a href="#" class="btn btn-secondary btn-lg active" role="button" aria-pressed="true">Link</a>

Source: getbootstrap.com

Bootstrap button outline

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

Bootstrap 3 button

<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>

Btn-default class in bootstrap 4

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="container m-3">
    <a class="btn btn-outline-secondary">outline-secondary link</a>
    <button type="button" class="btn btn-outline-secondary">outline-secondary 'button'</button>
    <br><br>
    <a class="btn btn-outline-light">outline-light link</a>
    <button type="button" class="btn btn-outline-light">outline-light 'button'</button>
</div>

-1

Source: stackoverflow.com

Similar codes

18 votes467 views6 answers
Install bootstrap angular 9
CSS Bootstrap
0 vote437 views1 answer
Can we put check form inside a selection tag in bootstrap 4
Javascript Bootstrap
0 vote432 views3 answers
Prevent click other tab bootstrap tabs
Javascript Bootstrap
0 vote410 views1 answer
Bootstrap 3 dropdown don't close on click
Javascript Bootstrap
0 vote356 views1 answer
Bootstrap aria-hidden
Javascript Bootstrap
0 vote444 views1 answer
Comment intégrer font awesome et bootstrap dans angular 13
Javascript Bootstrap
1 vote374 views2 answers
Bootstrap datetimepicker onchange event
Javascript Bootstrap
34 votes391 views6 answers
Rounded bootstrap
Javascript Bootstrap
0 vote442 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
1 vote447 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap