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

1 vote258 views1 answer
Sass compressed style
CSS
45 votes223 views6 answers
Css elipsis
CSS
39 votes265 views4 answers
Background image height and width
CSS
9 votes198 views2 answers
Line in middle word css
CSS
0 vote161 views1 answer
Css skip first child
CSS
0 vote230 views1 answer
Tampermonkey custom css
CSS
0 vote200 views1 answer
Corsair css
CSS
0 vote216 views2 answers
How to write text on video in html
CSS
2 votes223 views1 answer
Css set property with data attribute
CSS
7 votes195 views3 answers
Css filter color
CSS