Create Alert Message Box with Bootstrap

Arjun Thakur
Updated on 12-Jun-2020 20:25:52

1K+ Views

Use the .alert class in Bootstrap to create an alert message box −ExampleLive Demo           Bootstrap Example                                                       Warning!                    

Set the Width of an Element to 25% in Bootstrap

karthikeya Boyini
Updated on 12-Jun-2020 20:23:49

598 Views

To set the width of an element to 25%, use the .w-25 class in Bootstrap.You can try to run the following code to set element’s widthExampleLive Demo           Bootstrap Example                                          Set element width          Normal width          Width is 50%          Width is 25%          

Create Green Alert Box for Positive Action in Bootstrap

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

1K+ 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!          

Create Light Blue Alert Box with Bootstrap

Anvi Jain
Updated on 12-Jun-2020 20:20:53

316 Views

Use the .alert-info class to create a light-blue alert box indicating some information.You can try to run the following code to implement .alert-info class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       Information!             Add information here...                    

Create Yellow Alert Box in Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 20:19:19

702 Views

To create a yellow color alert box indicating a warning action, use the alert-warning class.To implement an alert-warning class, you need to try to run the following codeExampleLive Demo           Bootstrap Example                                          Indicates a positive action!                      Indicates warning!          

Create a Circular Badge with Bootstrap

George John
Updated on 12-Jun-2020 20:18:12

695 Views

Use the .badge class in Bootstrap to create a circular badge with Bootstrap.You can try to run the following code to implement .badge class −ExampleLive Demo           Bootstrap Example                                          Blog Posts          Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105          

Create a Block Level Button with Bootstrap

Samual Sam
Updated on 12-Jun-2020 20:14:51

319 Views

Use the .btn-block class in Bootstrap to create a block-level button.You can try to run the following code to implement .btn-block buttonExampleLive Demo    Bootstrap Example                                          Categories                      Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105          

Create a Basic Button with Bootstrap

Krantik Chavan
Updated on 12-Jun-2020 20:13:30

212 Views

Use the .btn class in Bootstrap to create a button.You can try to run the following code to create a basic button in Bootstrap −ExampleLive Demo           Bootstrap Example                                          Categories          Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105                      Our blog posts          Click to visit          

Set the Width of an Element to 100% in Bootstrap

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

3K+ Views

To set the width of an element to 100%, use the .w-100 class in Bootstrap.You can try to run the following code to set element’s widthExampleLive Demo           Bootstrap Example                                          Set element width          Normal width          Width is 25%          

Add Red Background Color for Danger Action with Bootstrap

Chandu yadav
Updated on 12-Jun-2020 20:10:28

310 Views

Use the .btn-danger class to set danger action for a button i.e. red background color to an element.You can try to run the following code to implement danger action −ExampleLive Demo           Bootstrap Example                                          Categories                      Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105                      Do not click below:          Danger          

Advertisements