To align the components like nav links, forms, buttons, or text to left or right in a navbar using the utility classes .navbar-left or .navbar-right. Both classes will add a CSS float in the specified direction.ExampleYou can try to run the following code to align componentsLive Demo     ... Read More

Add buttons using class .navbar-btn to elements not residing in a to vertically center them in the navbar. .navbar-btn can be used on and elements.You can try to run the following code to implement the navbar-btn classExampleLive Demo           Bootstrap Example                                                       Search below:                                                                                                  Submit Button                         Navbar Button                    

To form pills with dropdowns, you can try to run the following exampleExampleLive Demo           Bootstrap Example                                 Website                Home          About                                      Products                                                        Online Compiler                Image Editor                                Services          Contact          

Set the navbar fixed to the top, add class .navbar-fixed-top to the .navbar class.You can try to run the following code to fix navbar to the topExampleLive Demo           Bootstrap Example                                                       Modes of Transport                                                Air Transport                Water Transport                                

Use btn-large, .btn-sm, or .btn-xs class to use dropdowns with any button size.Let us see an example of btn-largeExampleLive Demo           Bootstrap Example                                                       Default                                                 Action             Another action             Something else here                         Separated link                    

Use the img-circle Bootstrap class to style your image and make it completely round.You can try to run the following code to implement the img-circle classExampleLive Demo           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Image with Rounded Corners          

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                    

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   ... Read More

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 add a thumbnail to the image, use the .img-thumbnail Bootstrap class.You can try to run the following code to add a thumbnail to imagesExampleLive Demo           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Thumbnail Image