Web Development Articles - Page 712 of 1049

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 are preparing a list where the items will be part of an unordered list, use a class. Useful for comment threads or articles lists.

To set small input group with Bootstrap, use the .input-group-sm class.You can try to run the following code to implement the .input-group-sm class &minsu;ExampleLive Demo           Bootstrap Example                                          Search                                                                                                                                                      

Use .label-danger class in Bootstrap to add red colored label.You can try to run the following code to implement the .label-danger class −ExampleLive Demo           Bootstrap Example                                          If you find any issues, click below          Danger          

Use the .jumbotron class to create a padded grey box with rounded corners.You can try to run the following code to implement .jumbotron class in Bootstrap.ExampleLive Demo           Bootstrap Example                                                       Welcome to my website.             This is demo text.                            More                                

To make an element invisible with Bootstrap, use the invisible class.You can try to run the following code to hide an element −ExampleLive Demo           Bootstrap Example                                          Cricket Boards          The ICC governs cricket boards.          BCCI is also governed by ICC. (This element is invisible)          

To set large input group with Bootstrap, use the .input-group-lg class.You can try to run the following code to implement the .input-group-lg class −ExampleLive Demo           Bootstrap Example                                          Search                                                                                                                                                      

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                                          Grid                                      This is demo text. This is ... Read More

Using Dropdown plugin you can add dropdown menus to any components like navbars, tabs, pills and buttons.Let us see an example of dropdown plugins in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       TutorialsPoint                                                Quiz                QA                                   Tutorials                                        C                      C++                      Java                                            PHP                                            Android                                                                              $(function(){             $(".dropdown-toggle").dropdown('toggle');          });          

To create a Bootstrap Grid for small devices is what we call small gridYou can try to run the following code to implement this −ExampleLive Demo           Bootstrap Example                                          Grid                                      This is demo text. This is demo text. This is demo text.                This is demo ... Read More

You can try to run the following code to create a grid stacked to the horizontal grid in Bootstrap −ExampleLive Demo           Bootstrap Example                                          Grid                                      This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo ... Read More