By combining a few data attributes, you can easily create a tabbed interface. With this plug-in you can transition through panes of local content in tabs or pills, even via drop down menus.You can try to run the following code to implement tab plugins −ExampleLive Demo       ... Read More

To set item text inside the list group, use the .list-group-item-text class.You can try to run the following code to implement the .list-group-item-text class −ExampleLive Demo           Bootstrap Example                                          Cars                                      Hyundai                i10                i20                                        Volkswagen                                Vento                Polo                                

The goal of media objects is achieved by applying classes to some of the simple markup. There are two forms to the media object −.media − This class allows to float a media object (images, video, and audio) to the left or right of a content block..media-list − If you ... Read More

To create a grid stacked to horizontal grid with fluid container, use the container-fluid class.This class allows the container to span to the screen’s full width.You can try to run the following code to create a grid with fluid container −ExampleLive Demo           Bootstrap Example ... Read More

To add headers inside the dropdown menu, use the .dropdown-header class in Boostrap. The .dropdown-menu class is used to add a dropdown menu.You can try to run the following code to implement the dropdown-header class in Bootstrap −ExampleLive Demo           Bootstrap Example       ... Read More

To set the width of an element to 75%, use the .w-75 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 75%    

Use the .checkbox-line class in Bootstrap to make multiple checkboxes appear on the same line:ExampleLive Demo           Bootstrap Example                                          Programming Survey          Which programming languages do you like?                                      Java                                        C++                                        C                                

To create a large button, use the .btn-lg class in Bootstrap.You can try to run the following code to implement the .btn-lg class −ExampleLive Demo           Bootstrap Example                                 The following are FMCG companies:                ITC Limited          Nestle          Britannia Industries Limited          

Use the .btn-danger class to set danger action for a button i.e. red background color to an element.You can try to run the following code to implement danger action −ExampleLive Demo           Bootstrap Example                                          Categories                      Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105                      Do not click below:          Danger          

Use the anchor tags instead of list items and link the list groups using the list-group-item class −You can try to run the following code to link Bootstrap list group items −ExampleLive Demo           Bootstrap Example                                          Web Dev             PHP       HTML5       Java