Bootstrap Articles - Page 42 of 70

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!          

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%          

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

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

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          

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          

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%          

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%                                

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)          

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