图标，下拉菜单，按钮组组件

1. 小图标组件

Bootstrap 提供了免费的 263 个小图标（数了三次），

具体可以参考中文官网的组件链接：http://v3.bootcss.com/components/#glyphicons

可以使用或标签来配合使用：

2.下拉菜单组件

		

			
		
			下拉菜单
			
		
		
		

			
菜单

			
			 
			
菜单
			
菜单
			
2018.4.21

		
		
		

菜单标题 .dropdown-menu

分割线    .divider

设置禁用 .disabled

按钮和菜单需要包裹在.dropdown 的容器里，

而作为被点击的元素按钮需要设置 data-toggle="dropdown" 才能有效。

对于菜单部分，设置 class="dropdown-menu"才能自动隐藏并添加固定样式。

设置 class="caret"表示箭头，当 dropdown 时为下箭头， dropup 时为上箭头。

3.按钮组组件

基本格式：按钮组里的按钮们会紧密相连

		

		左		
		中		
		右		
		

还可以把多个按钮组再次组合起来便于管理

		

		

		左		
		中		
		右		
		
		

		上		
		中		
		下		
		
		
		

也可以在 类为 .btn-group 的 div 上添加按钮大小的样式，

可以修改这个组内所有按钮的大小。

嵌套一个分组，比如：下拉菜单

		

			
		

			
			左		
			中		
			右		
			
		
		
		

			
		下拉菜单
		
		

			
菜单
			
菜单
			
菜单
			
菜单
			
菜单
		
		
		
		
		

这里

中并没有实现 class="dropdown"，通过源码分析知道嵌套本身已经有定位就不需要再设置。而右边的圆角只要多加一个 class="dropdown-toggle"即可。

.btn-group-vertical 按钮垂直排列

		

		左		
		中		
		右		
		

.btn-group-justified 两端排列

		

		左		
		中		
		右		
		

把按钮排成一行。

分裂下拉按钮

		

			下拉菜单
		
		

			
菜单
			
菜单
			
菜单
			
菜单
			
菜单
		
		

向上弹出

...