Found 641 Articles for CSS Framework

Add a red background color to an element to set danger action with Bootstrap

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

299 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          

Create a basic button with Bootstrap

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

199 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          

Create a block level button with Bootstrap

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

308 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 circular badge with Bootstrap

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

670 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 yellow color alert box that indicates caution in Bootstrap

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

684 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 green color alert box that indicates a 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!          

Set the width of an element to 25% in Bootstrap

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

583 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 a light-blue alert box that indicates some information with Bootstrap

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

303 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 an 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!                    

Add small shadow to an element in Bootstrap 4

Samual Sam
Updated on 12-Jun-2020 19:49:59

134 Views

Use the .shadow-sm class in Bootstrap 4 to add a small shadow to an element.You can try to run the following code to implement the shadow-sm class in BootstrapExampleLive Demo           Bootstrap Example                                          Learning          Try programming examples          Learn from Tutorials          Play Quiz and check your knowledge          

Advertisements