Found 626 Articles for CSS Framework

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

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

826 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

424 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

201 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

920 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

79 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          

Remove shadow of an element in Bootstrap 4

Nishtha Thakur
Updated on 12-Jun-2020 19:54:49

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 −ExampleLive Demo           Bootstrap Example                                                      Learning          Learn Tutorials for free          Play Quiz and check your knowledge          

Set the width of an element to 50% in Bootstrap 4

Chandu yadav
Updated on 12-Jun-2020 19:57:10

891 Views

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

Animate a striped progress bar in Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 20:00:36

350 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 barExampleLive Demo           Bootstrap Example                                          Level          The level of water in meters:                                      20%                                

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

Nitya Raut
Updated on 12-Jun-2020 20:01:42

130 Views

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

Bootstrap Large Grid

Arjun Thakur
Updated on 12-Jun-2020 20:03:17

132 Views

To create a Bootstrap large grid, you can try to run the following code −ExampleLive Demo           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. ... Read More

Advertisements