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

一、导航

1. 2和3注意标签页的导航点击效果查看官网JavaScript插件写js或者直接<a href="#tab1"data-toggle="tab">这样绑定对应tab的id。
2. 3添加了两端对齐效果（类.nav-justified），即导航充满容器宽度。

二、导航条

1. 3中注意务必使用<nav>元素，如果使用<div>元素控制导航条，务必为导航条设置role=”navigation”属性（方便使用辅助设备的用户）。
2. 官网2中的面包屑和3中所说的路径导航是一回事。

三、媒体对象

1. 2和3一样有缩进关系的媒体对象时，可将.media类放在上一个.media-body内嵌套。
2. 3中给div加.media-middle类就可以让图片居中显示。

四、3中优化了<iframe>

1. 提供了16:9（.embed-responsive-16by9）和4:3(.embed-responsive-4by3)两种嵌入比例。

时间： 2024-08-03 11:39:50

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-*(*为l

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

一 .表格中 1. 3增加了响应式表格为<table>外层div添加.table-responsive类,如果屏幕很窄此时表格会出现横向滚动条二. 表单中 1. 3中<label>标签不能省略,即便不想显示在界面中,可以加.sr-only类 2. 官网中基本实例:3内用.form-group类隔开块,2中直接<fieldset>,2中如果想隔开块是加.control-group类 3. 对于内联表单加类.form-inline,小于一定宽度表单都会折叠,3中是768

杨森翔：春节文化大观上编第三章春节古诗词目录第一节：春节诗词概述一、除夕诗词概述二、元日诗词概述三、元宵诗词概述第二节：春节古诗词拾萃

杨森翔:春节文化大观上编第三章春节古诗词目录第一节:春节诗词概述一. 除夕诗词概述二.元日诗词概述三. 元宵诗词概述第二节:春节古诗词拾萃一.腊祭诗词二.祭灶诗词三.除夕诗词四.元旦诗词五.人日诗词六.元宵诗词第一节:春节古诗词概述中国的春节,作为除旧迎新的节日,时间相当长,从年前的腊月二十三,天空中就似乎弥漫了节日的气息.这种节日的气氛,在保持传统风俗较好的地方,甚至会持续到二月二龙抬头的时候,但欢度春节的高潮,应该说是自除夕始一直到上元之夜.因此,历代歌咏和反

order_by_、group_by_、having的用法区别

写于 2012-11-20 22:14 doc文档上. Having 这个是用在聚合函数的用法.当我们在用聚合函数的时候,一般都要用到GROUP BY 先进行分组,然后再进行聚合函数的运算.运算完后就要用到HAVING 的用法了,就是进行判断了,例如说判断聚合函数的值是否大于某一个值等等. select customer_name,sum(balance) from balance group by customer_name having balance>200; yc_rpt_getnew

Java中PreparedStatement和Statement的用法区别

Java中PreparedStatement和Statement的用法区别 (2012-08-01 11:06:44) 转载▼ 标签: 杂谈 1. PreparedStatement接口继承Statement, PreparedStatement 实例包含已编译的 SQL 语句,所以其执行速度要快于 Statement 对象. 2.作为 Statement 的子类,PreparedStatement 继承了 Statement 的所有功能.三种方法 execute. executeQuery

转 SQL Union和SQL Union All两者用法区别效率以及与order by 和 group by配合问题

SQL Union和SQL Union All两者用法区别效率以及与order by 和 group by配合问题 SQL Union和SQL Union All用法 SQL UNION 操作符 UNION 操作符用于合并两个或多个 SELECT 语句的结果集. 请注意,UNION 内部的 SELECT 语句必须拥有相同数量的列.列也必须拥有相似的数据类型.同时,每条 SELECT 语句中的列的顺序必须相同. SQL UNION 语法 SELECT column_name(s) FROM tab

SQL语句Left join 中On和Where的用法区别

SQL语句如下: SELECT * FROM 表1 LEFT JOIN 表2 ON 表1.id = 表2.id AND 表2.Name != 'ff'WHERE 表1.NAME != 'aa' 步骤1:返回笛卡尔积(SELECT * FROM 表1 CROSS JOIN 表2) 步骤2:应用ON筛选器(当前的条件为表1.id = 表2.id AND 表2.Name != 'ff') 步骤3:添加外部行这一步只对OUTER JOIN起作用,如果是LEFT JOIN会以左边的表为保留表,如果是

linux中grep和find的用法区别

linux中grep和find的用法区别本文章详细的介绍了关于在linux中的grep和find两个命令的用法介绍,以及后面总结了它们两年用法区别哦. 先我们来介绍一下关于grep用法和一些小注意事项使用过程中,使用最多的参数就是 -v ,但是用着并不爽. 比如说,我想查找一个单词“UserService”,但是像”*.svn” 这种文件就不用显示了,我该怎么做呢? 代码如下复制代码 grep -r "UserService" ./ | grep -v "svn&quo

python编程之赋值和拷贝的区别概述及操作excel数据库（图）

python编程之赋值和拷贝的区别概述及操作excel数据库(图)一.赋值在Python中,对象的赋值就是简单的对象引用,这点和C++不同,如下所示:a = [1,2,"hello",['python', 'C++']] b = a在上述情况下,a和b是一样的,他们指向同一片内存,b不过是a的别名,是引用.我们可以使用bisa 去判断,返回True,表明他们地址相同,内容相同,也可以使用id()函数来查看两个列表的地址是否相同.赋值操作(包括对象作为参数.返回值)不会开辟新的内存空间,