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

标签：bootstrap2 和 bootstrap3区别

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

一 、下拉菜单

1. 1.  3中通过为下拉菜单父元素设置.dropup类，让菜单向上弹出，不设置类默认状态下是向下弹出。

2. 2.  下拉菜单对齐，右对齐为例，2中用.pull-right类，3中用.dropdown-menu-right类。但3中触发按钮如需要右对齐仍然用.pull-right类，注意在外层div中加。

3. 3.  3中可以给下拉菜单<li>添加标题（加类.dropdown-header）来区分组。2中是通过子菜单。

二 、按钮组

1. 1.  3中为按钮组添加.btn-group-*（*为lg/sm/xs/默认）置按钮尺寸。

2. 2.  多维按钮组/按钮工具栏，2和3都是把多个<div class=”btn-group”>组合进一个<divclass=”btn-toolbar”>中。

3. 3.  嵌套（单维按钮组中使用下拉按钮），把带有下拉框的.btn-group放入父级.btn-group中。

4. 4.  3中添加了两端对齐按钮组，即一个按钮组充满页面宽度，加.btn-group-justified类。

三、按钮式下拉菜单

1. 1.  2和3基本没太多区别，可对照官网。

四、输入框组

1. 1.  2官网是在基本css样式表单中介绍，3是在组件中专门介绍。

2. 2.  关于尺寸：2中根据类改变的是单个输入框的宽度，3中根据类可改变每组输入框的大小（包括输入框前后的额外元素）。

本文出自 “8061125” 博客，转载请与作者联系！

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

标签：bootstrap2 和 bootstrap3区别

原文地址：http://8071125.blog.51cto.com/8061125/1679162