Found 10483 Articles for Web Development

Add a blue background color to an element to set key stuff with Bootstrap

Daniol Thomas
Updated on 12-Jun-2020 20:38:07

151 Views

To set key stuff on an element, use the .bg-primary class in Bootstrap.You can try to run the following code to implement .bg-primary class that is blue in color −ExampleLive Demo           Bootstrap Example                                 Example             Danger       Key text!          

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 a red background color to an element to set danger action with Bootstrap

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

302 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

204 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

311 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

675 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

690 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

586 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

307 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...                    

Advertisements