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

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