Usage of Bootstrap Label Class

Lakshmi Srinivas
Updated on 12-Jun-2020 21:01:32

283 Views

Bootstrap label class is used to add labels such as tips, count, etc.Let us see an example to implement label classExampleLive Demo           Bootstrap Example                                 Tools                       40                       QA                       1000                    

Indicate a Close Icon with Bootstrap

Arjun Thakur
Updated on 12-Jun-2020 21:00:27

382 Views

To set a close icon in Bootstrap, use the .close class.You can try to run the following code to set a close icon −ExampleLive Demo           Bootstrap Example                                          Here's the close icon          ×                            Close icon                                

Responsive Grid with Bootstrap

Ankith Reddy
Updated on 12-Jun-2020 20:59:00

4K+ Views

To create a responsive grid in Bootstrap, use the .col-*-* class in Bootstrap.In the below example, we have 4 divs −ExampleLive Demo           Bootstrap Example                                                                      This is div1.                                        This is div2.                                        This is div3.                                        This is div4.                                

Move Columns to the Right with Bootstrap

Samual Sam
Updated on 12-Jun-2020 20:57:24

4K+ Views

To move columns to the right, use the .col-*-offset-* class in Bootstrap.You can try to run the following code to implement itExampleLive Demo           Bootstrap Example                                                                   This is div1.             This is div2.                    

Create a Small Button Group with Bootstrap

Samual Sam
Updated on 12-Jun-2020 20:56:05

509 Views

To create a large button group in Bootstrap, use the .btn-group-sm class.ExampleLive Demo           Bootstrap Example                                 The following are the car brands:                BMW          Audi          Jeep          Datsun          Toyota             The following are FMCG:                ITC Limited          Colgate-Palmolive          Nestle          Britannia Industries Limited          

Make Bootstrap Button Group Appear Vertically Stacked

karthikeya Boyini
Updated on 12-Jun-2020 20:52:36

1K+ Views

Use the .btn-group-vertical class in Bootstrap to make a button group appear vertically stacked.You can try to run the following code to implement a .btn-group-vertical classExampleLive Demo           Bootstrap Example                                 The following are the car brands:                BMW          Audi          Jeep          Datsun          Toyota             The following are FMCG:                ITC Limited          Colgate-Palmolive          Nestle          Britannia Industries Limited          

Create a Button that Looks Like a Link with Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 20:51:27

5K+ Views

Use the .btn-link class in Bootstrap to create a button look like a link.You can try to run the following code to implement a .btn-link classExampleLive Demo           Bootstrap Example                                 The following are FMCG companies:                ITC Limited          Colgate-Palmolive          Nestle          Britannia Industries Limited          

Create a Large Button with Bootstrap

Chandu yadav
Updated on 12-Jun-2020 20:50:15

1K+ Views

To create a large button, use the .btn-lg class in Bootstrap.You can try to run the following code to implement the .btn-lg class −ExampleLive Demo           Bootstrap Example                                 The following are FMCG companies:                ITC Limited          Nestle          Britannia Industries Limited          

Add Yellow Background Color to Element with Bootstrap

Samual Sam
Updated on 12-Jun-2020 20:48:42

284 Views

To set warning action to a button in Bootstrap, use the .btn-warning button. You can try to run the following code to implement btn-warning buttonExampleLive Demo           Bootstrap Example                                 Click below if you want to know the warning message:       Warning    

Create a Large Button Group with Bootstrap

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

288 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                                 The following are the car brands:                BMW          Audi          Jeep          Datsun          Toyota             The following are FMCG:                ITC Limited          Colgate-Palmolive          Nestle          Britannia Industries Limited          

Advertisements