Buttons

Last edited 12/16/2019
Turn your links into buttons and draw more attention to your link.

To add a button to your page, copy the full class code snippet for your button style, then, on your page, click SOURCE to switch to the HTML code editor. Paste the code into the link code you want to turn into a button like so:

<a class="btn btn-primary btn-sm active" href="https://www.tentaroo.com" target="_blank">Button Name</a>

Standard Buttons

This is a Button
class="btn btn-primary btn-sm active"
This is a Button
class="btn btn-primary btn-sm"
This is a Button
class="btn btn-primary active"
This is a Button
class="btn btn-primary"
This is a Button
class="btn btn-primary"
This is a Button
class="btn btn-primary btn-lg"
This is a Buttonclass="btn btn-primary btn-sm btn-block active"
This is a Buttonclass="btn btn-primary btn-block active"
This is a Buttonclass="btn btn-primary btn-lg btn-block active"
This is a Buttonclass="btn btn-primary btn-block btn-sm"
This is a Buttonclass="btn btn-primary btn-block"
This is a Buttonclass="btn btn-primary btn-block btn-lg"

Info Buttons

This is a Button
class="btn btn-info btn-sm active"
This is a Button
class="btn btn-info btn-sm"
This is a Button
class="btn btn-info active"
This is a Button
class="btn btn-info"
This is a Button
class="btn btn-info btn-lg active"
This is a Button
class="btn btn-info btn-lg"
This is a Buttonclass="btn btn-info btn-sm btn-block active"
This is a Buttonclass="btn btn-info btn-block active"
This is a Buttonclass="btn btn-info btn-lg btn-block active"
This is a Buttonclass="btn btn-info btn-block btn-sm"
This is a Buttonclass="btn btn-info btn-block"
This is a Buttonclass="btn btn-info btn-block btn-lg"

 

Warning Buttons

This is a Button
class="btn btn-warning btn-sm active"
This is a Button
class="btn btn-warning btn-sm"
This is a Button
class="btn btn-warning active"
This is a Button
class="btn btn-warning"
This is a Button
class="btn btn-warning btn-lg active"
This is a Button
class="btn btn-warning btn-lg"
This is a Buttonclass="btn btn-warning btn-sm btn-block active"
This is a Buttonclass="btn btn-warning btn-block active"
This is a Buttonclass="btn btn-warning btn-lg btn-block active"
This is a Buttonclass="btn btn-warning btn-block btn-sm"
This is a Buttonclass="btn btn-warning btn-block"
This is a Buttonclass="btn btn-warning btn-block btn-lg"

Success Buttons

This is a Button
class="btn btn-success btn-sm active"
This is a Button
class="btn btn-success btn-sm"
This is a Button
class="btn btn-success active"
This is a Button
class="btn btn-success"
This is a Button
class="btn btn-success btn-lg active"
This is a Button
class="btn btn-success btn-lg"
This is a Buttonclass="btn btn-success btn-sm btn-block active"
This is a Buttonclass="btn btn-success btn-block active"
This is a Buttonclass="btn btn-success btn-lg btn-block active"
This is a Buttonclass="btn btn-success btn-block btn-sm"
This is a Buttonclass="btn btn-success btn-block"
This is a Buttonclass="btn btn-success btn-block btn-lg"

 

 

Danger Buttons

This is a Button
class="btn btn-danger btn-sm active"
This is a Button
class="btn btn-danger btn-sm"
This is a Button
class="btn btn-danger active"
This is a Button
class="btn btn-danger"
This is a Button
class="btn btn-danger btn-lg active"
This is a Button
class="btn btn-danger btn-lg"
This is a Buttonclass="btn btn-danger btn-sm btn-block active"
This is a Buttonclass="btn btn-danger btn-block active"
This is a Buttonclass="btn btn-danger btn-lg btn-block active"
This is a Buttonclass="btn btn-danger btn-block btn-sm"
This is a Buttonclass="btn btn-danger btn-block"
This is a Buttonclass="btn btn-danger btn-block btn-lg"

Default Buttons

This is a Button
class="btn btn-default btn-sm active"
This is a Button
class="btn btn-default btn-sm"
This is a Button
class="btn btn-default active"
This is a Button
class="btn btn-default"
This is a Button
class="btn btn-default btn-lg active"
This is a Button
class="btn btn-default btn-lg"
This is a Buttonclass="btn btn-default btn-sm btn-block active"
This is a Buttonclass="btn btn-default btn-block active"
This is a Buttonclass="btn btn-default btn-lg btn-block active"
This is a Buttonclass="btn btn-default btn-block btn-sm"
This is a Buttonclass="btn btn-default btn-block"
This is a Buttonclass="btn btn-default btn-block btn-lg"

 

We are always happy to assist with website training.