Web Development Articles

Page 713 of 801

Add badges component to Bootstrap list group item

Samual Sam
Samual Sam
Updated on 11-Mar-2026 483 Views

Add the badges component to any list group item and it will automatically be positioned on the right. Just add within the element.You can try to run the following code to implement thisExample           Bootstrap Example                                 Tutorials                Programming          Web Development          Networking                       New             Database                    SAP                       New             Academic                    

Read More

Bootstrap Large Grid

Arjun Thakur
Arjun Thakur
Updated on 11-Mar-2026 258 Views

To create a Bootstrap large grid, you can try to run the following code −Example           Bootstrap Example                                          Grid                                      This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This ...

Read More

Add a blue background color to simulate a pressed button in Bootstrap

Nitya Raut
Nitya Raut
Updated on 11-Mar-2026 236 Views

To add a blue background color to simulate a pressed button, use the primary button in Bootstrap as in the following code −Example           Bootstrap Example                                          Score          Result (2018)          Result (2017)          

Read More

Animate a striped progress bar in Bootstrap

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 11-Mar-2026 535 Views

To animate a striped progress bar, use the .active class with the .progress-bar class in Bootstrap.You can try to run the following code to animate a striped progress barExample           Bootstrap Example                                          Level          The level of water in meters:                                      20%                                

Read More

Remove shadow of an element in Bootstrap 4

Nishtha Thakur
Nishtha Thakur
Updated on 11-Mar-2026 2K+ Views

Use the .shadow-none class in Bootstrap to remove shadow.You can try to run the following code to remove an element’s shadow −Example           Bootstrap Example                                                      Learning          Learn Tutorials for free          Play Quiz and check your knowledge          

Read More

Set the width of an element to 25% in Bootstrap

karthikeya Boyini
karthikeya Boyini
Updated on 11-Mar-2026 650 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 widthExample           Bootstrap Example                                          Set element width          Normal width          Width is 50%          Width is 25%          

Read More

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

Ankith Reddy
Ankith Reddy
Updated on 11-Mar-2026 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 −Example           Bootstrap Example                                          Indicates a positive action!          

Read More

Create a circular badge with Bootstrap

George John
George John
Updated on 11-Mar-2026 770 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 −Example           Bootstrap Example                                          Blog Posts          Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105          

Read More

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

Chandu yadav
Chandu yadav
Updated on 11-Mar-2026 375 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 −Example           Bootstrap Example                                          Categories                      Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105                      Do not click below:          Danger          

Read More

Set the width of an element to 100% in Bootstrap

karthikeya Boyini
karthikeya Boyini
Updated on 11-Mar-2026 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 widthExample           Bootstrap Example                                          Set element width          Normal width          Width is 25%          

Read More
Showing 7121–7130 of 8,010 articles
« Prev 1 711 712 713 714 715 801 Next »
Advertisements