bootstrap2和bootstrap3的用法区别概述（二）

bootstrap2和bootstrap3的用法区别概述（二）
一 、下拉菜单
1. 3中通过为下拉菜单父元素设置.dropup类，让菜单向上弹出，不设置类默认状态下是向下弹出。
2. 下拉菜单对齐，右对齐为例，2中用.pull-right类，3中用.dropdown-menu-right类。但3中触发按钮如需要右对齐仍然用.pull-right类，注意在外层div中加。
3. 3中可以给下拉菜单<li>添加标题（加类.dropdown-header）来区分组。2中是通过子菜单。

二 、按钮组
1. 3中为按钮组添加.btn-group-*（*为lg/sm/xs/默认）置按钮尺寸。
2. 多维按钮组/按钮工具栏，2和3都是把多个<div class=”btn-group”>组合进一个<divclass=”btn-toolbar”>中。
3. 嵌套（单维按钮组中使用下拉按钮），把带有下拉框的.btn-group放入父级.btn-group中。
4. 3中添加了两端对齐按钮组，即一个按钮组充满页面宽度，加.btn-group-justified类。

三、按钮式下拉菜单
1. 2和3基本没太多区别，可对照官网。

四、输入框组
1. 2官网是在基本css样式表单中介绍，3是在组件中专门介绍。
2. 关于尺寸：2中根据类改变的是单个输入框的宽度，3中根据类可改变每组输入框的大小（包括输入框前后的额外元素）。