Bootstrap layout Component Tutorial bootstrap pull-down menu _javascript Tips

This chapter will focus on the Bootstrap drop-down menu. A drop-down menu is a toggle, a contextual menu that displays a link in a list format. This can be done by interacting with the Pull-down menu (Dropdown) JavaScript plug-in.

If you want to use the following menu, just add a pull-down menu to the class. Dropdown. The following example demonstrates the basic Drop-down menu:

<! DOCTYPE html>  

The results are as follows:

Bootstrap drop-down Menu Options

Bootstrap drop-down Menu Alignment

Align the Drop-down menu to the right by adding class. Pull-right to. Dropdown-menu. The following example demonstrates this:

<! DOCTYPE html>  

The results are as follows:

Bootstrap dropdown menu Title

You can add a caption using the label area of the class Dropdown-header Drop-down menu. The following example demonstrates this:

<! DOCTYPE html>  

The results are as follows:

The above is a small set to introduce the bootstrap layout components of the bootstrap menu of the relevant knowledge, hope to help everyone, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!