Found 626 Articles for CSS Framework

Bootstrap .btn-info class

Arjun Thakur
Updated on 12-Jun-2020 16:56:06

267 Views

Use the .btn-info class to create a button for informational alert messages −ExampleLive Demo           Bootstrap Example                                       Info Button    

Usage of Bootstrap navbar-fixed-top class

Nancy Den
Updated on 12-Jun-2020 16:59:13

303 Views

Use the Bootstrap class .navbar-fixed-top to set the navbar fixed to the top.You can try to run the following code to fix navbar to the top −ExampleLive Demo           Bootstrap Example                                                       Modes of Transport                                                Air Transport                Water Transport                                

Create Table with Bootstrap

Samual Sam
Updated on 12-Jun-2020 17:00:28

971 Views

To create a table with Bootstrap, you can try to run the following codeExampleLive Demo           Bootstrap Table                                                Sports Table                                      Footballer                Rank                                                            Messi                1                                        Neymar                2                                

Usage of Bootstrap navbar-text class

Chandu yadav
Updated on 12-Jun-2020 17:02:06

186 Views

To wrap strings of text in an element use the class .navbar-text.You can try to run the following code to implement the navbar-text in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       Demo                                 Copyright © 2018                    

Non-Nav (standard) links in Bootstrap

Daniol Thomas
Updated on 12-Jun-2020 17:10:31

121 Views

Use the standard links that are not within the regular navbar navigation component, and then use the class navbar-link to add proper colors for the default and inverse navbar options.You can try to run the following code to set standard links −ExampleLive Demo           Bootstrap Example                                                                      Website                                                    Copyright                TP                                

Bootstrap .nav-justified class

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

266 Views

Make tabs or pills of equal widths as of their parent at screens wider than 768px using class .nav-justified along with .nav, .nav-tabs or .nav, .nav-pills respectively. On smaller screens, the nav links are stacked.ExampleLive Demo           Bootstrap Example                                 Subjects                       Home             Team             Authors             MVPs              

Add buttons in Bootstrap Navbar

karthikeya Boyini
Updated on 12-Jun-2020 17:13:29

2K+ Views

Add buttons using class .navbar-btn to elements. You can try to run the following code to add a button to the navbarExampleLive Demo           Bootstrap Example                                                       Example                                                                                                  Submit Button                         Navbar Button                    

Bootstrap pagination-lg class

Samual Sam
Updated on 12-Jun-2020 16:32:40

152 Views

Set large size item for pagination with the pagination-lg Bootstrap class. You can try to run the following code to implement the pagination-lg class in BootstrapExampleLive Demo           Bootstrap Example                                 Coding Examples       The following are the examples:                «          Code1          Code2          Code3          Code4          Code5          »          

Bootstrap table-condensed class

Krantik Chavan
Updated on 12-Jun-2020 16:31:14

669 Views

Using the .table-condensed class, row padding is cut in half to condense the table. as seen in the following example. This is useful if you want any denser information.You can try to run the following code to implement table-condensed class in Bootstrap −ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                Country                                                            Messi                1                Argentina                                        Neymar                2                Brazil                                        Ronaldo                3                Portugal                                

Bootstrap .btn-primary class

Arjun Thakur
Updated on 12-Jun-2020 16:36:43

320 Views

The .btn-primary class provides extra visual weight and identifies the primary action in a set of buttons:ExampleLive Demo           Bootstrap Example                                       Primary Button    

Advertisements