Found 700 Articles for Bootstrap

How to use Bootstrap Dropdown Plugins

Anvi Jain
Updated on 12-Jun-2020 22:14:29

115 Views

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');          });          

Bootstrap Small Grid

Anvi Jain
Updated on 12-Jun-2020 22:17:00

118 Views

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

Bootstrap Grid Stacked to horizontal grid

Ankith Reddy
Updated on 12-Jun-2020 22:18:05

163 Views

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

Display text inside an element in a smaller font size with Bootstrap

Rishi Rathor
Updated on 12-Jun-2020 22:19:48

144 Views

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.          

Bootstrap well-lg class

Anvi Jain
Updated on 12-Jun-2020 22:22:28

122 Views

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!    

Add information to the table row with Bootstrap

Arjun Thakur
Updated on 12-Jun-2020 22:21:17

275 Views

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                                                

Fade in tab with Bootstrap

Krantik Chavan
Updated on 12-Jun-2020 21:59:01

3K+ Views

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!                                

Add hover color to background color of the table row in Bootstrap

George John
Updated on 12-Jun-2020 22:00:24

668 Views

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                                                

Bootstrap panel-default class

Daniol Thomas
Updated on 12-Jun-2020 22:01:42

194 Views

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                    

Usage of Bootstrap class panel-info

George John
Updated on 12-Jun-2020 22:04:13

164 Views

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.                    

Advertisements