Bootstrap Articles - Page 60 of 70

To set the active state for Bootstrap Buttons, use the .active class.The button will appear pressed as in the following codeExampleLive Demo           Bootstrap Example                                 The following are some buttons:                Default Button                      Active Button          

To create a block level button, use the .btn-block class.You can try to run the following code to add a block level button −ExampleLive Demo           Bootstrap Example                                       The following are block level buttons:                Block level Primary button                      Block level button          

Use the .btn-xs class to create a button size extra small than the standard button.You can try to run the following code to make the size of a button extra smallExampleLive Demo           Bootstrap Example                                       The following are extra small buttons:                Exra Small Primary button                      Extra Small button          

Use .radio-inline class to a series of radios for controls to appear on the same line. You can try to run the following code to implement the radio-inline class in Bootstrap −ExampleLive Demo           Bootstrap Forms                                       Best Porgraming Language                             Java                                 C                                 C++                    

Use .checkbox-inline class to a series of checkboxes for controls to appear on the same line. You can try to run the following code to implement the .checkbox-inline classExampleLive Demo           Bootstrap Forms                                       Best IDE (You can select more than one)                             NetBeans IDE                                 Eclipse IDE                    

Use the btn-lg class and create the button size large with Bootstrap.You can try to run the following code to make size of a button large −ExampleLive Demo           Bootstrap Example                                                Large button                      Result          

To create a button using the .btn-block class, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                       The following are block level buttons:                Block level Primary button                      Block level button          

To add size for buttons in Bootstrap, try the following classes:ClassDescription.btn-lgThis makes the button size large..btn-smThis makes the button size small..btn-xsThis makes the button size extra small..btn-blockThis creates block level buttons—those that span the full width of a parent.ExampleYou can try to run the following code to create a small button −Live Demo           Bootstrap Example                                                  Small button          

Use the .btn-info class to create a button for informational alert messages −ExampleLive Demo           Bootstrap Example                                       Info Button    

To set a successful action in Bootstrap, use the .btn-success class −ExampleLive Demo           Bootstrap Example                                       Success Button