Bootstrap 按钮下拉菜单.pdfVIP

Bootstrap 按钮下拉菜单 Bootstrap 按钮下拉菜单 本章将讲解如何使⽤ Bootstrap class 向按钮添加下拉菜单。如需向按钮添加下拉菜 单，只需要简单地在在⼀个 .btn-group 中放置按钮 下拉菜单即可。您也可以使⽤ span class=caret/span 来指⽰按钮作为下拉菜单。 下⾯的实例演⽰了⼀个基本的简单的按钮下拉菜单： !DOCTYPE html html head titleBootstrap 实例 - 基本的按钮下拉菜单/title link href=/ ootstrap/css/ ootstrap.min.css rel=stylesheet script src=/scripts/jquery .min.js/script script src=/ ootstrap/js/ ootstrap.min.js/script /head ody div class= tn-group utton type= utton class= tn tn-default dropdown-toggle 默认 span class=caret/span / utton ul class=dropdown-menu role=menu lia href=#功能/a/li lia href=#另⼀个功能/a/li lia href=#其他/a/li li class=divider/li lia href=#分离的链接/a/li /ul /div div class= tn-group utton type= utton class= tn tn-primary dropdown-toggle 原始 span class=caret/span / utton ul class=dropdown-menu role=menu lia href=#功能/a/li lia href=#另⼀个功能/a/li lia href=#其他/a/li li class=divider/li lia href=#分离的链接/a/li /ul /div / ody /html 尝试⼀下 » 结果如下所⽰： 分割的按钮下拉菜单 分割的按钮下拉菜单使⽤与下拉菜单按钮⼤致相同的样式，但是对下拉菜单添加了原 始的功能。分割按钮的左边是原始的功能，右边是显⽰下拉菜单的切换。 !DOCTYPE html html head titleBootstrap 实例 - 分割的按钮下拉菜单/title link href=/ ootstrap/css/ ootstrap.min.css rel=stylesheet script src=/scripts/jquery .min.js/script script src=/ ootstrap/js/ ootstrap.min.js/script /head ody div class= tn-group utton type= utton class= tn tn-default默认/ utton utton type= utton class= tn tn-default dropdown-toggle span class=caret/span span class=sr-only切换下拉菜单/span / utton ul class=dropdown-menu role=menu lia href=#功能/a/li lia href=#另⼀个功能/a/li lia href=#其他/a/li li class=divider/li lia href=#分离的链接/a/li /ul /div div class= tn-group utton type= utton class= tn tn-primary原始/ utton utton type= utton class= tn tn-primary dropdown-toggle span class=caret/span span cl