To set the width of an element to 50%, use the .w-50 class in Bootstrap.You can try to run the following code to set element’s width −ExampleLive Demo            Bootstrap Example                                          Set element width          Normal width          Width is 50%          

To create a filter list, use the .list-group class in Bootstrap.You can try to run the following code to create a filter list −ExampleLive Demo           Bootstrap Example                             ... Read More

To create three unequal columns in Bootstrap, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                          Bootstrap Grid Unequal Columns                       Column One             Column Two             Column Three                    

To create a dismissal alert −Add a basic alert by creating a wrapper and adding a class of .alert and one of the four contextual classes, for example, .alert-success, .alert-info, etc.Also add optional .alert-dismissable to the above class.Add a close button.You can try to run the following code ... Read More

The .panel-danger class in Bootstrap is used to indicate danger.You can try to run the following code to implement panel-danger class −ExampleLive Demo           Bootstrap Example                                                       Panel title (danger)                                 This is a Basic panel                    

Page header is used to add appropriate spacing around the headings on a page.To use a page header, wrap your heading in a with a class of .page-header −ExampleLive Demo           Bootstrap Example                   ... Read More

Use the .next class in Bootstrap to right align the links. You can try to run the following code to implement the .next class:ExampleLive Demo           Bootstrap Example                                 Answers                      ← Older          Newer →          

To wrap strings of text in an element use the class .navbar-text.You can try to run the following code to implement the navbar-text in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       Demo                                 Copyright © 2018                    

Set the pills vertically using the class .nav-stacked along with the classes: .nav, .nav-pills.You can try to run the following code to set vertical pills in Bootstrap &miuns;ExampleLive Demo           Bootstrap Example                                      Subjects                       Java             WordPress             JavaScript              

To preappend or append radio buttons and checkboxes instead of text, you can try to run the following code:ExampleLive Demo           Bootstrap Example