Training: Adding Website Buttons

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"