George John has Published 1081 Articles

Bootstrap progress-bar class

George John

George John

Updated on 15-Jun-2020 06:36:49

263 Views

Use the progress-bar class in Bootstrap to create a progress bar.You can try to run the following code to implement progress-bar class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       70% Complete                    

Add the yellow label (stating warning) with Bootstrap

George John

George John

Updated on 12-Jun-2020 22:32:13

226 Views

Use .label-warning class in Bootstrap to add yellow label.You can try to run the following code to implement the .label-warning class −ExampleLive Demo           Bootstrap Example                                          Warning label          Warning          

Large input group with Bootstrap

George John

George John

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

171 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                                                                                                                                                      

Usage of Bootstrap class panel-info

George John

George John

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

228 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         ... Read More

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

George John

George John

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

953 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                                                

Container for form input and label with Bootstrap

George John

George John

Updated on 12-Jun-2020 21:38:31

836 Views

Use the .form-group class in Bootstrap to set a container for form input and label &minusExampleLive Demo           Bootstrap Example                                                       Student Name                                          Upload Resume                        Example block-level help text here.                 Next          

Usage of Bootstrap class panel-success

George John

George John

Updated on 12-Jun-2020 21:33:18

306 Views

The panel-success class in Bootstrap is a contextual state class to form a panel more meaningful to a particular context. It indicates success.You can try to run the following code to implement the panel-success class −ExampleLive Demo           Bootstrap Example                                                       Panel Title                                 This is a demo panel!                    

Change the order of the Bootstrap grid columns

George John

George John

Updated on 12-Jun-2020 21:21:42

197 Views

Use the .col-*-pull-* and .col-*-push-* classes in Bootstrap to change the order of the Bootstrap grid columns −ExampleLive Demo           Bootstrap Example                                          Bootstrap Example 1                    Right             Left                    

Center any element in Bootstrap

George John

George John

Updated on 12-Jun-2020 21:04:47

288 Views

Use the .center-block class in Bootstrap to center an element.You can try to run the following code to implement the .center-block class:ExampleLive Demo           Bootstrap Example                                          Heading One          Text will be in center.          

Create a large button group with Bootstrap

George John

George John

Updated on 12-Jun-2020 20:46:52

255 Views

To create a large button group in Bootstrap, use the .btn-group-lg class.You can try to run the following code to form a large button group −ExampleLive Demo           Bootstrap Example                         ... Read More

Advertisements