Welcome too      Free Responsive Website Stuff - Bootstrap Buttons
Home Bootstrap Buttons Bootstrap Templates CSS Shapes HTML Borders Royalty Free Music Grid Style Templates Responsive Gallerys Hex Colours Responsive Menus Online CSS Generators Online Responsive Forms Online Websites Builders Online Guest Books WYSIWYG Software Editors Contact




<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

Change Bootstrap Button Size



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

<button type="button" class="btn btn-primary btn-ms"<Small><button>

<button type="button" class="btn btn-primary btn-md"<Normal><button>

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

To change the size just change the btn-xs, ms, md,lg

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


Site Your Site Another Site Anywhere


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>




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

Add "Target Blank" to a Bootstrap Button


<a href="https://the website"target="_blank"class="btn btn-success"
role="button">Goto Website</a></button>



Go To Top