Clear Float of an Element with Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 14:59:29

594 Views

To clear the float of an element, use the .clearfix Bootstrap class.ExampleYou can try to run the following code to clear float of an elementLive Demo           Bootstrap Example                                                       left                                 right                    

Clearfix Bootstrap Class

George John
Updated on 12-Jun-2020 14:58:47

358 Views

Use the .clearfix class to clear the float of any element in Bootstrap.ExampleYou can try to run the following code to implement the clearfix class:Live Demo           Bootstrap Example                                                       Quick Float to left                                 Quick Float to right                    

Show Content with Bootstrap

Samual Sam
Updated on 12-Jun-2020 14:57:56

226 Views

To show content with Bootstrap, use the .show class in Bootstrap. You can try to run the following code to make content visibleExampleLive Demo           Bootstrap Example                                                       Content is visible.                                 Content is hidden.                    

Hide Content with Bootstrap

Chandu yadav
Updated on 12-Jun-2020 14:56:09

406 Views

To hide content with Bootstrap, use the .hidden class in Bootstrap. You can try to run the following code to hide content:ExampleLive Demo           Bootstrap Example                                                       Content is visible.                                 Content is hidden.                    

Set Element to Center with Bootstrap

karthikeya Boyini
Updated on 12-Jun-2020 14:55:02

994 Views

Use class center-block to set an element to center.You can try to run the following code to set the element to centerExampleLive Demo           Bootstrap Example                                                       Element at center                    

sr-only Bootstrap Class

George John
Updated on 12-Jun-2020 14:53:35

432 Views

Hide an element to all devices except screen readers with the class .sr-only.You can try to run the following code to implement the sr-only Bootstrap −ExampleLive Demo           Bootstrap Example                                                                      Email address                                                        Password                                                

Bootstrap Dropdown Class

Lakshmi Srinivas
Updated on 12-Jun-2020 14:46:54

330 Views

Dropdown menus are toggleable, contextual menus for displaying links in a list format. To use a drop-down, just wrap the drop-down menu within the class .dropdown.You can try to run the following code to implement the dropdown class in BootstrapExampleLive Demo           Bootstrap Example                                                       Subjects                                                            Java                                        Data Mining                                                           C++                                                                    Separated link                                

Bootstrap Class Pull Right

Samual Sam
Updated on 12-Jun-2020 14:45:09

2K+ Views

Float an element to the right with class pull-right.You can try to run the following code to implement the pull-right classExampleLive Demo           Bootstrap Example                                          Float to right          

Create Block Level Button with Bootstrap

George John
Updated on 12-Jun-2020 14:43:49

308 Views

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          

Set Active State for Bootstrap Buttons

Lakshmi Srinivas
Updated on 12-Jun-2020 14:42:29

2K+ Views

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          

Advertisements