Bootstrap Helper Classes

Arjun Thakur
Updated on 12-Jun-2020 14:33:14

242 Views

The helper classes in Bootstrap include the pull-left,.pull-right, .center-block, and other classes.Let us see an example of .clearfix class −To clear the float of any element, use the .clearfix class −ExampleLive Demo           Bootstrap Example                                                       Quick Float to left                                 Quick Float to right                    

Create Button in Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 14:31:50

208 Views

To create a Bootstrap Button, you can try to run the following buttonExampleLive Demo           Bootstrap Example                                             Result    

Primary Action in Bootstrap Button Set

Chandu yadav
Updated on 12-Jun-2020 14:30:54

299 Views

The .btn-primary class provides extra visual weight and identifies the primary action in a set of buttons. To set primary action in Bootstrap button, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                       Primary Button    

Enable Successful Action of Bootstrap Button

George John
Updated on 12-Jun-2020 14:29:28

237 Views

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

Contextual Button for Informational Alert Messages with Bootstrap

Ankith Reddy
Updated on 12-Jun-2020 14:28:06

202 Views

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

Add Sizes for Bootstrap Buttons

Arjun Thakur
Updated on 12-Jun-2020 14:26:25

287 Views

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          

Bootstrap btn-block Class

Chandu yadav
Updated on 12-Jun-2020 14:25:10

462 Views

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          

Make Button Size Large with Bootstrap

Arjun Thakur
Updated on 12-Jun-2020 14:23:39

375 Views

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          

Bootstrap Radio Inline Class

Chandu yadav
Updated on 12-Jun-2020 14:21:57

1K+ Views

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++                    

Bootstrap Checkbox Inline Class

Samual Sam
Updated on 12-Jun-2020 14:20:47

762 Views

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                    

Advertisements