Bootstrap Articles - Page 30 of 49

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

Bootstrap list groups are added using the list-group-item class.Add HTML content to the linked list groups using the following codeExampleLive Demo           Bootstrap Example                                                                      Tutorials                                                            Programming                                        Tutorials on Java, C, C++, etc.                                                            Web Development                                        Tutorials on PHP, HTML5, etc.                                                            Database                                        Tutorials on DBMS, MySQL, DB2, etc.                                                                        Quiz                                                            CAT                                        Quiz for CAT students.                                             NEET             Quiz for NEET students.                    

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 thisExampleLive Demo           Bootstrap Example                                 Tutorials                Programming          Web Development          Networking                       New             Database                    SAP                       New             Academic                    

With Bootstrap, you can easily add paragraphs to thumbnails.You can try to run the following code to add HTML paragraphs −ExampleLive Demo           Bootstrap Example                                                                                                              Thumbnail label                This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph!                This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph!                                

To set warning action for a list item in a list group, use the .list-group-item-warning classExampleLive Demo           Bootstrap Example                                          Demo                                      A                                        B                                        C                                        D                                

A well is a container in that causes the content to appear sunken or an inset effect on the page. To create a well, simply wrap the content that you would like to appear in the well with a containing the class of .well.You can try to run the following code to implement well class in Bootstrap −ExampleLive Demo           Bootstrap Example                                 This is demo text!    

The following are the classes available for responsive utility classes in Bootstrap −ClassesDevices.visible-xsExtra small (less than 768px) visible.visible-smSmall (up to 768 px) visible.visible-mdMedium (768 px to 991 px) visible.visible-lgLarger (992 px and above) visible.hidden-xsExtra small (less than 768px) hidden.hidden-smSmall (up to 768 px) hidden.hidden-mdMedium (768 px to 991 px) hidden.hidden-lgLarger (992 px and above) hidden