<div class="dropdown">
	<a  data-toggle="dropdown">
		主题
		<span class="caret"></span>
	</a>
	<ul class="dropdown-menu">
		<li>
			<a href="#">Java</a>
		</li>
		<li>
			<a href="#">数据挖掘</a>
		</li>
		<li>
			<a href="#">数据通信/网络</a>
		</li>
		<li class="divider"></li>
		<li>
			<a href="#">分离的链接</a>
		</li>
	</ul>
</div>
创建下拉菜单思路:
   (1)指定下拉菜单---为最外层父元素添加 .dropdown
   (2)命名菜单题目和下拉图标---如上述 a 标签 主题,但要注意:data-toggle="dropdown"  属性必不可少。下拉图标 .caret
   (3)创建下拉菜单---一般由列表组成 为列表父元素添加  .dropdown-menu
 所学小小总结便于日后应用。
Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐