bootstrap2bootstrap3的用法区别概述(二)

 

一 、下拉菜单

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中根据类可改变每组输入框的大小(包括输入框前后的额外元素)。