Samual Sam has Published 2492 Articles

Bootstrap Labels

Samual Sam

Samual Sam

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

112 Views

Labels are great for offering counts, tips, or other markups for pages.ExampleUse class .label to display labels and try to run the following codeLive Demo           Bootstrap Example                                 Tutorials                       150                       Quiz                       90                    

Active Nav States in Bootstrap

Samual Sam

Samual Sam

Updated on 12-Jun-2020 17:58:38

230 Views

For active states, place to active links in Bootstrap −You can try to run the following code to achieve thisExampleLive Demo           Bootstrap Example                                 Active State in navigations                                            29                Home                                                            9                Mail                                

Usage of btn-large Bootstrap class

Samual Sam

Samual Sam

Updated on 12-Jun-2020 17:30:49

125 Views

Create a large button using the btn-large Bootstrap class. You can try to run the following code to implement the btn-large Bootstrap classExampleLive Demo           Bootstrap Example                                                       Subject                                             Programming             Web Dev             Database                    

Bootstrap .btn-sm class

Samual Sam

Samual Sam

Updated on 12-Jun-2020 17:18:07

229 Views

To create a small button in Bootstrap, use the .btn-sm class.You can try to run the following code to implement the btn-sm classExampleLive Demo           Bootstrap Example                                                Small button                      Result          

Create Table with Bootstrap

Samual Sam

Samual Sam

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

972 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                                

Bootstrap navbar-default class

Samual Sam

Samual Sam

Updated on 12-Jun-2020 16:44:54

808 Views

The navbar-default class in Bootstrap is used to create a navigation bar.You can try to run the following code to implement a navbar-default classExampleLive Demo           Bootstrap Example                                                       Cars                                                BMW                Audi                                

Bootstrap pagination-lg class

Samual Sam

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 class input-group-lg

Samual Sam

Samual Sam

Updated on 12-Jun-2020 16:22:58

131 Views

To make larger input group, use the input-group-lg.You can try to run the following code to implement the input-group-lg class in BootstrapExampleLive Demo           Bootstrap Example                                                                      $                                                

Bootstrap input-group-btn class

Samual Sam

Samual Sam

Updated on 12-Jun-2020 16:01:38

794 Views

Use class .input-group-btn to wrap the buttons. This is required due to the default browser styles that cannot be overridden.You can try to run the following code to implement the input-group-btn class in BootstrapExampleLive Demo           Bootstrap Example                                                                                                                                                                  Go!                                                                                                                                                                                                                                        Go!                                                                                                                

Vertical Buttongroup with Bootstrap

Samual Sam

Samual Sam

Updated on 12-Jun-2020 15:58:37

84 Views

The btn-group-vertical class makes a set of buttons appear vertically stacked rather than horizontally.You can try to run the following code to work with a vertical button groupExampleLive Demo           Bootstrap Example                                          BCA          B.Tech                                      Masters                span class = "caret">                                        MCA                MBA                M.Tech                M.COM                                

Advertisements