Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Use the .divider class in Bootstrap to separate links in the dropdown menu with a thin borderExampleLive Demo Bootstrap Example Beverages The following are the beverages available in India: Beverages Gatorade Sting Red Bull Pepsi Coca Cola
Jumbotron component can optionally increase the size of headings and add a lot of margin for landing page content.To use it follow the below given steps −Create a container with the class of .jumbotron.In addition to a larger , the font-weight is reduced to 200Let us see an example −ExampleLive Demo Bootstrap Example Welcome to first page! Example for jumbotron. Button
To add headers inside the dropdown menu, use the .dropdown-header class in Boostrap. The .dropdown-menu class is used to add a dropdown menu.You can try to run the following code to implement the dropdown-header class in Bootstrap −ExampleLive Demo Bootstrap Example Beverages The following are the beverages available in India: Beverages Energy Drinks Gatorade Sting Red Bull Sof Drinks Pepsi Coca Cola
Use the .dropdown-menu class in Bootstrap to add the default styles for the dropdown menu containerExampleLive Demo Bootstrap Example Mobile Phones The following are the mobile phone brands available in India: Companies Apple Samsung Oppo Nokia
Breadcrumbs show hierarchy-based information. In site in blogs, breadcrumbs can show the dates of publishing, categories, or tags.A breadcrumb in Bootstrap is simply an unordered list with a class of .breadcrumb as in the following code −ExampleLive Demo Bootstrap Example Home Tutorials Java
Use the .collapse class in Bootstrap to indicate collapsible content that can be hidden or shownExampleLive Demo Bootstrap Example More learning content More We have learning content on Java, PHP, Ruby, C, C++, etc.
Use the .col-*-pull-* and .col-*-push-* classes in Bootstrap to change the order of the Bootstrap grid columns −ExampleLive Demo Bootstrap Example Bootstrap Example 1 Right Left
Use the ‘collapse in’ class in Bootstrap to show collapsible content by default −ExampleLive Demo Bootstrap Example More Quizzes More We have quizzes on Java, PHP, Ruby, C, C++, etc. as well.
Use the .container-fluid class in Bootstrap to set a container that spans the full width of the screen.You can try to run the following code to implement the container-fluid classExampleLive Demo Bootstrap Example Container fluid Normal width Width is 75% Width is 50% Width is 25%
To set the width of an element to 75%, use the .w-75 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 75%