Display Text Inside an Abbr Element in Bootstrap

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

251 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 Grid: Stacked to Horizontal Grid

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

285 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

Bootstrap Small Grid

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

243 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 with Fluid Container

Chandu yadav
Updated on 12-Jun-2020 22:15:53

225 Views

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

Use Bootstrap Dropdown Plugins

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

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

Make an Element Invisible with Bootstrap

Anvi Jain
Updated on 12-Jun-2020 22:13:27

315 Views

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)          

Large Input Group with Bootstrap

George John
Updated on 12-Jun-2020 22:12:31

215 Views

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                                                                                                                                                      

Create a Padded Grey Box with Rounded Corners in Bootstrap

Arjun Thakur
Updated on 12-Jun-2020 22:11:03

777 Views

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                                

Force an Element to be Hidden with Bootstrap

karthikeya Boyini
Updated on 12-Jun-2020 22:09:18

186 Views

Use the .hidden class in Bootstrap to force an element to be hiddenExampleLive Demo           Bootstrap Example                                 This is visible.       This is hidden.    

Align Labels and Groups of Form Controls in a Horizontal Layout with Bootstrap

Nancy Den
Updated on 12-Jun-2020 22:08:15

2K+ Views

Use the .form-horizontal class in Bootstrap to align labels and groups of form controls in a horizontal layout.You can try to run the following code to implement .form-horizontal class:ExampleLive Demo           Bootstrap Example                                                       Name                                             Name                                Submit          

Advertisements