Buttons

“Elements which are necessary for your design.”

Style 1

Button Button Button


<div class="bd-example">
    <a href="#!" class="butn sm butn-hover">Button</a>
    <a href="#!" class="butn md butn-hover m-1">Button</a>
    <a href="#!" class="butn butn-hover m-1">Button</a>
</div>

Style 2

Button Button

Copy

copy


<div class="bd-example">
    <a href="#!" class="butn butn-white butn-hover m-1">Button</a>
    <a href="#!" class="butn butn-hover radius m-1">Button</a>
</div>

Style 3

Copy

copy


<div class="bd-example">
    <button type="button" class="btn btn-primary m-1">Primary</button>
    <button type="button" class="btn btn-secondary m-1">Secondary</button>
    <button type="button" class="btn btn-success m-1">Success</button>
    <button type="button" class="btn btn-danger m-1">Danger</button>
    <button type="button" class="btn btn-warning m-1">Warning</button>
    <button type="button" class="btn btn-info m-1">Info</button>
    <button type="button" class="btn btn-light m-1">Light</button>
    <button type="button" class="btn btn-dark m-1">Dark</button>
    <button type="button" class="btn btn-link m-1">Link</button>
</div>

Style 4

Copy

copy


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

Buttons

Style 1

Style 2

Style 3

Style 4

Mediation Useful Family Law Cases?

Allow to mile wound be place leave.