Bootstrap Articles - Page 31 of 63

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

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

Use the .initialism class in Bootstrap to show text inside an element. This allows setting smaller font size in Bootstrap −ExampleLive Demo           Bootstrap Example                                          Cricket          The ICC governs cricket boards.          The ICC was founded as the Imperial Cricket Conference in 1909          Above the ICC abbreviation text is displayed with a smaller font.          

Change the size of well using the optional classes such as, well-lg or well-lg. These classes are used in conjunction with .well class.You can try to run the following code to implement well-lg class in Bootstrap −ExampleLive Demo           Bootstrap Example                                 This has more space!       This has less space!    

To add information to the table row in Bootstrap, use the .info class in Bootstrap −ExampleLive Demo           Bootstrap Example                                          Rank of Cricketers          The following are the rank of cricketers:                                                         Cricketer                   Rank                                                                           Virat                   1                                                   David                   2                                                   Rohit                   3                                                   Kenn                   4                                                   Steve                   5                                                

Use the .in class in Bootstrap to fade in the tab.You can try to run the following code to fade in tab −ExampleLive Demo           Bootstrap Example                                          Tutorials Website          The following is our learning content:                       Home             About             Product                                                Home                This is demo text!                                        About                This is demo text!                                        Product                This is demo text!                                

To add hover color to background color of the table row, use the .active class in Bootstrap.ExampleLive Demo           Bootstrap Example                                          Student Information                                                         Student                   Subject                                                                           Tom                   Maths                                                   Amit                   Programming                                                   Steve                   Java                                                

To get a basic panel, just add class .panel to the element. With that, add class .panel-default to this element as in the following code −ExampleLive Demo           Bootstrap Example                                                       This is a demo panel                    

The panel-info class in Bootstrap is a contextual state class to form a panel more meaningful to a particular context. This adds information to a panel and is blue in color.You can try to run the following code to implement the panel-info class −ExampleLive Demo           Bootstrap Example                                                       Panel Title                                 This is a demo panel.