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

0 vote140 views1 answer
Angular bootstrap path
Javascript Bootstrap
125 votes215 views6 answers
Install React Bootstrap
Javascript Bootstrap
2 votes139 views1 answer
Size carousel bootstrap 4
CSS Bootstrap
2 votes144 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
0 vote139 views1 answer
React bootstrap button
Javascript Bootstrap
14 votes184 views2 answers
.col-12 bootstrap
CSS Bootstrap
1 vote172 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript Bootstrap
0 vote143 views1 answer
React js bootstrap select option required
Javascript Bootstrap
2 votes153 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote148 views1 answer
Pagination in b table in bootstrap vue
Javascript Bootstrap