Ankith Reddy has Published 1070 Articles

Usage of Bootstrap class panel-warning

Ankith Reddy

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                    

Responsive grid with Bootstrap

Ankith Reddy

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.                                

Create a yellow button (warning) with Bootstrap

Ankith Reddy

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!    

Create a red button that indicates danger in Bootstrap

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 20:33:42

472 Views

To create a button in Bootstrap indicating danger, use the .btn-danger class.You can try to run the following code to implement. btn-danger class −ExampleLive Demo           Bootstrap Example                                 Cick the below button in case of issues:                Danger          

Create a green color alert box that indicates a positive action in Bootstrap

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 20:22:33

828 Views

To create a green color alert box indicating a positive action, use the alert-success class.To implement an alert-success class, you need to try to run the following code −ExampleLive Demo           Bootstrap Example                                          Indicates a positive action!          

Bootstrap well class

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 19:37:02

138 Views

A well is a container in that causes the content to appear sunken or an inset effect on the page. To create a well, simply wrap the content that you would like to appear in the well with a containing the class of .well.You can try to run ... Read More

Get links in alerts with Bootstrap

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 19:31:03

220 Views

Use the .alert-link utility class to get matching colored links within any alert.You can try to run the following code to get links in alerts with Bootstrap. Let us set it for success and info −ExampleLive Demo           Bootstrap Example                                          Success! Well done its submitted.                      Information!          

Bootstrap Collapsible button

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 19:22:41

385 Views

The collapsible button is used in Bootstrap to create a collapsible that can be shown or hidden on click.You can try to run the following code to create a collapsible button:ExampleLive Demo           Bootstrap Example                 ... Read More

Include list groups within any Bootstrap Panel

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 18:41:42

84 Views

To include list groups within Bootstrap panel, create a panel by adding class .panel to the element.Also, add class .panel-default to this element. Now within this panel include your list groups.ExampleLive Demo           Bootstrap Example                                          Tutorials                       List of tutorials                                 C             Java             Ruby             C++                    

Add HTML headings into Bootstrap thumbnails

Ankith Reddy

Ankith Reddy

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

229 Views

With Bootstrap, you can easily add heading to thumbnails.You can try to run the following code to add HTML headings −ExampleLive Demo           Bootstrap Example                                                                                                              Thumbnail Heading                                

Advertisements