Karthikeya Boyini has Published 2383 Articles

Align Dropdown to the right with Bootstrap

karthikeya Boyini

karthikeya Boyini

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

514 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 dropdown-header

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 15:14:11

158 Views

Add a header to label sections of actions in any drop-down menu by using the class dropdown-header.You can try to run the following code to implement the dropdown-header Bootstrap classExampleLive Demo           Bootstrap Example                                                       Diet                                             Vegetables                            Potato                                        Tomato                                                           Brocolli                                         Fruits                                               Apple                                                                           Kiwi                                                

Bootstrap Button Group Classes

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 15:10:57

123 Views

Use the class .btn-group to work with Bootstrap Button Group Class. You can try to run the following code to form button groupExampleLive Demo           Bootstrap Example                                 The following are the buttons:                A          B          C          

Bootstrap class center-block

karthikeya Boyini

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                    

Set element to center with Bootstrap

karthikeya Boyini

karthikeya Boyini

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

884 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                    

Make image round with Bootstrap

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 14:39:03

839 Views

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

Make the button size extra small with Bootstrap

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 14:18:27

4K+ Views

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          

Bootstrap .btn class

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 14:11:42

319 Views

Use the .btn class in Bootstrap to add a button to the web page.You can try to run the following code to implement a .btn classExampleLive Demo           Bootstrap Example                                             Result    

Bootstrap .btn-lg class

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 14:06:14

157 Views

To make a large button, use the .btn-lg class in Bootstrap.You can try to run the following code to implement the btn-lg classExampleLive Demo           Bootstrap Example                                                Large button          

Bootstrap Form Control States

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 14:00:57

244 Views

Bootstrap offers to style for disabled inputs and classes for form validation, Input FocusWhen an input receives: focus, the outline of the input is removed and a box-shadow is applied.Disabled lnputsIf you need to disable an input, simply adding the disabled attribute will not only disable it; it will also change the ... Read More

Advertisements