Bootstrap 下拉菜单
一.一个简单的下拉菜单 1.创建一个<div class="dropDown">的容器 //包裹素也可不为div 但一定要有class .dropDown 2.在容器内添加 <button type="button" class="btn dropdown-toggle " data-toggle=" dropdown "> 3.在button中加入主名称 和<span class=" caret "></span> <!---下拉三角--> 4.在无序列表容器中加入 . dropdown-menu 注: 通过 data 属性 :向链接或按钮添加 data-toggle="dropdown" 来切换下拉菜单 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link href="css/bootstrap.min.css" rel="stylesheet" /> <script src="js/jquery-3.1.1.min.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <div class="dropdown"> <button type="button" class="btn