Free Responsive Website Stuff
Bootstrap Buttons

Bootstrap Buttons


<button type="button" class="btn btn-Default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">warning</button>
<button type="button" class="btn btn-danger">danger</button>
<a href="#" class="btn btn-info" role="button">Your Link Title</button>

<a href="#" class="btn btn-link" role="button">Your Link Title</button>

To change the colour just change the btn btn-primary (or what ever colour)

Change Bootstrap Button Size


<button type="button" class="btn btn-primary btn-xs">XSmall</button>

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

<button type="button" class="btn btn-primary btn-md">medium</button>

<button type="button" class="btn btn-primary btn-lg">Large</button>

To change the size just change the btn-lg

With bootstrap you can group buttons in a single line. With <div class="btn-group">





<div class="btn-group">

<a href="#" class="btn btn-primary" role="button">A site</a>

<a href="#" class="btn btn-success" role="button">Your Site</a>

<a href="#" class="btn btn-danger" role="button">Another Site</a>

<a href="#" class="btn btn-warning" role="button">Anywhere you like site</a>

</div>


Block Level Buttons
Create block level buttons that span the full width of a parent


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

Single toggle



<button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off">Single toggle</button>