Bootstrap Articles - Page 23 of 49

The collapsible in class in Bootstrap is used to display the collapsible content.You can try to run the following code to implement the collapsible in class −ExampleLive Demo           Bootstrap Example                                          Quiz          Click below to toggle the button content.          More Quizzes                       We have quizzes on Java, PHP, Ruby, Quantitative Aptitude, ASP.net, etc.                    

Use the .modal class to define the style for the body of the modal.You can try to run the following code to implement the .modal class −ExampleLive Demo           Bootstrap Example                                          Website Information          Info                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see this information correcty.                                                          Close                                                                  

The alert-danger class in Bootstrap is used to set danger action.You can try to run the following code to implement the alert-danger class in Bootstrap −ExampleLive Demo           Bootstrap Example                                 This is danger action!    

To include Bootstrap plugins on a website, consider any of the below form −IndividuallyUsing Bootstrap's individual *.js files. Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs.Compiled (all at once)Using bootstrap.js or the minified bootstrap.min.js. Do not attempt to include both, as both bootstrap.js and bootstrap.min.js contain all plugins in a single file.

Use the .media-object class in Bootstrap to set the media object −ExampleLive Demo           Bootstrap Example                                          Lolcode Tutorial                                                                              Introduction                LOLCODE is an esoteric programming language inspired by the funny things on the Internet. It is designed to test the boundaries of programming language design.                                

To align media objects, use the .align class in Bootstrap. You can try to run the following code to implement the .align class.Use the .align-left class to align media to the left −ExampleLive Demo           Bootstrap Example                                          Google Tag Manager Tutorial                                                                              Introduction                Google Tag Manager (GTM) is a free tool that makes it easy for marketers to add and update website tags.                                

Use the .media-list property to set nested media lists.You can try to run the following code to implement .media-list property −ExampleLive Demo           Bootstrap Example                                                      Tutorials          The following are the tutorials:                                                                                                                                                             Tutorials                   We have text tutorials in Python Data Science, Java i18n, GitLab, TestRail, VersionOne, DBUtils, Common CLI, Seaborn, Ansible, LOLCODE, Current Affairs 2018, Apache Commons Collections, etc.                                                                                                                                                                                         Video TutorialsWe have video tutorials for WordPress, Photoshop, Magento, Eclipse, NetBeans, Drupal, Joomla, etc.                                                                                        

To set all list items on a single line, use the .list-inline class.You can try to run the following code to implement the .list-inline class −ExampleLive Demo           Bootstrap Example                                          Technologies                       Home             PHP             Java             jQuery             JavaScript             Ruby                    

use the list-group-item-info class in Bootstrap to set key information for a list item in a list group.You can try to run the following code to implement the list-group-item-info class −ExampleLive Demo           Bootstrap Example                                          Java                                      Interfaces                                        Multi-threading                                        Packages                                

To create a large button group in Bootstrap, use the .btn-group-xs class.You can try to run the following code to implement the .btn-group-xs class −ExampleLive Demo           Bootstrap Example                                 The following are the car brands:                BMW          Audi          Jeep          Datsun          Toyota             The following are FMCG:                ITC Limited          Colgate-Palmolive          Nestle          Britannia Industries Limited