Bootstrap is a simple and flexible Popular Front end frame based on Html,css,javascript introduced by the Twitter engineer, we can think of it as a library of CSS and JS that defines a lot of effects, and the display effect and animation of various components are already defined in the library.
. dropdown--sets the parent element to the Drop-down menu component, and pops down the submenu;
. dropup--sets the parent element to a Drop-down menu component, which pops up the submenu;
. dropdown-toggle--Set button for Pull-down menu toggle button;
. dropdown-menu--set the UL element for Pull-down menu;
. dropdown-menu-right--the menu to the right;
. pull-right--aligns the parent elements of the menu component to the right;
. dropdown-header--adds a caption to the menu item;
. divider--adds a split line to the menu item;
. disabled--disables the corresponding menu item;
The implementation code is as follows:
Implementation effect:
If you want to further study, you can click here to learn, and then attach 3 wonderful topics:
Bootstrap Learning Course
Bootstrap Practical Course
Bootstrap Plugin Usage Tutorial
This is the entire content of this article, I hope for everyone to use the bootstrap component to make a Drop-down menu to help.