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)两种嵌入比例。