Found 626 Articles for CSS Framework

Align Dropdown to the right with Bootstrap

karthikeya Boyini
Updated on 12-Jun-2020 15:15:11

513 Views

To align dropdown to the right, add the class .pull-right to .dropdown-menu. You can try to run the following code to align dropdown to the rightExampleLive Demo           Bootstrap Example                                                       Cars                                                            BMW                                        Audi                                                           Hyundai                                                                           Mitsubishi                                                                           Nissan                                                

Bootstrap class pull-right

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

1K+ 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 Dropdown menu with Bootstrap

Ankith Reddy
Updated on 12-Jun-2020 15:16:49

441 Views

To create the Dropdown menu with Bootstrap, use the .dropdown-menu class.You can try to run the following code to implement drop-down menu:ExampleLive Demo           Bootstrap Example                                                       Department                                                            IT                                        Marketing                                                           Finance                                                        Separated link                                

Bootstrap dropdown class

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

239 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                                

Set element to center with Bootstrap

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

880 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

335 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                                                

Hide content with Bootstrap

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

318 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.                    

Show content with Bootstrap

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

150 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.                    

Bootstrap class center-block

karthikeya Boyini
Updated on 12-Jun-2020 15:01:45

2K+ Views

Use class center-block to set an element to center.You can try to run the following code to implement the center-block classExampleLive Demo           Bootstrap Example                                          Float to right                                   Example for center-block                    

Bootstrap class pull-left

Ankith Reddy
Updated on 12-Jun-2020 15:00:44

423 Views

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

Advertisements