猿问

bootstrap 下拉菜单显示不出来?

bootstrap 下拉菜单显示不出来


翻阅古今
浏览 2049回答 2
2回答

湖上湖

以下代码测试通过,对容器的class添加dropdown,使得菜单可出现在其下方1234567891011121314151617181920212223<!doctype&nbsp;html><html><head>&nbsp;&nbsp;&nbsp;<meta&nbsp;charset="utf-8">&nbsp;&nbsp;&nbsp;<title>bootstrap测试</title>&nbsp;&nbsp;&nbsp;<link&nbsp;href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css"&nbsp;rel="stylesheet"&nbsp;/>&nbsp;&nbsp;&nbsp;<link&nbsp;href="http://cdn.bootcss.com/bootstrap/css/bootstrap-theme.min.css"&nbsp;rel="stylesheet"&nbsp;/></head><body>&nbsp;&nbsp;&nbsp;<div&nbsp;class="container&nbsp;dropdown"&nbsp;style="margin-bottom:&nbsp;50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h2&nbsp;class="page-header">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;下拉菜单</h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a&nbsp;class="btn&nbsp;dropdown-toggle"&nbsp;data-toggle="dropdown"&nbsp;href="#">字体<span&nbsp;class="caret"></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<ul&nbsp;class="dropdown-menu">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a&nbsp;href="#">宋体</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a&nbsp;href="#">黑体</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a&nbsp;href="#">楷体</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</ul>&nbsp;&nbsp;&nbsp;</div>&nbsp;&nbsp;&nbsp;<script&nbsp;src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>&nbsp;&nbsp;&nbsp;<script&nbsp;src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script></body></html>

拉风的咖菲猫

我也发现和楼主相同的问题,经过测试bootstrap.min.css,bootstrap-theme.min.css,bootstrap.min.js,和jq这四个文件都需要引入才能用,只是引入bootstrap.min.css的话只是有了样式,很多的特效就没法用,实际上还是很多依赖了jq
随时随地看视频慕课网APP

相关分类

Bootstrap
我要回答