Found 700 Articles for Bootstrap

Center any element in Bootstrap

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

184 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 caret arrow icon that represents dropdown button with Bootstrap

Nitya Raut
Updated on 12-Jun-2020 21:06:04

2K+ Views

Use the .caret class in Bootstrap to create a caret arrow icon representing dropdown button.You can try to run the following code to create a carot arrow icon −ExampleLive Demo           Bootstrap Example                                          Brands          The car brands:                       Car                            BMW                Toyota                Audi                Mahindra                Volvo                                

Usage of Bootstrap class panel-warning

Ankith Reddy
Updated on 12-Jun-2020 21:07:27

132 Views

The panel-warning class in Bootstrap is used to set warning in Bootstrap. You can try to run the following code to implement panel-warning class −ExampleLive Demo           Bootstrap Example                                                       Panel title (warning)                                 This is a demo panel                    

Bootstrap panel-footer class

Arjun Thakur
Updated on 12-Jun-2020 20:42:08

883 Views

Use the .panel-footer class in Bootstrap to set footer to panel.You can try to run the following code to implement panel-footer class −ExampleLive Demo           Bootstrap Example                                                       Panel heading                                 Panel content                                 Panel footer                    

Add a caption text inside a thumbnail class

Jennifer Nicholas
Updated on 12-Jun-2020 21:08:44

323 Views

To add a caption text in a thumbnail class, use the .caption class with the .thumbnail class in Bootstrap.The .thumbnail class is used to add thumbnail to an image −ExampleLive Demo           Bootstrap Example                                                                                                                                                             Data science is the process of deriving knowledge and insights from a huge and diverse set of data through organizing, processing and analysing the data.                                                                                        

Create an extra small button with Bootstrap

karthikeya Boyini
Updated on 12-Jun-2020 20:43:16

374 Views

Use the .btn-xs class in Bootstrap to create an extra small button in BootstrapExampleLive Demo           Bootstrap Example                                 Click below if you want to know the message:       Message    

Create a yellow button (warning) with Bootstrap

Ankith Reddy
Updated on 12-Jun-2020 20:44:32

600 Views

Use the .btn-warning class in Bootstrap to create a yellow button that indicates warning in Bootstrap.You can try to run the following code to implement the .btn-warning class −ExampleLive Demo           Bootstrap Example                                 You are WARNED!    

Add a yellow background color to an element to set warning action with Bootstrap

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

181 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

184 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          

Add a green background color to an element to set positive action with Bootstrap

Vrundesha Joshi
Updated on 12-Jun-2020 20:45:40

115 Views

Use the .btn-success class in Bootstrap to set a positive action to an element. You can try to run the following code to implement the .btn-success class −ExampleLive Demo           Bootstrap Example                                 The following are FMCG companies:                ITC Limited          Nestle          Britannia Industries Limited             Click below if the above list is correct:       Success    

Advertisements