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

标签：bootstrap2 和 bootstrap3区别

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

一 、导航

1. 1.  2和3注意标签页的导航点击效果查看官网JavaScript插件写js或者直接<a href="#tab1"data-toggle="tab">这样绑定对应tab的id。

2. 2.  3添加了两端对齐效果（类.nav-justified），即导航充满容器宽度。

二 、导航条

1. 1.  3中注意务必使用<nav>元素，如果使用<div>元素控制导航条，务必为导航条设置role=”navigation”属性（方便使用辅助设备的用户）。

2. 2.  官网2中的面包屑和3中所说的路径导航是一回事。

三 、媒体对象

1. 1.  2和3一样有缩进关系的媒体对象时，可将.media类放在上一个.media-body内嵌套。

2. 2.  3中给div加.media-middle类就可以让图片居中显示。

四 、3中优化了<iframe>

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

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

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

标签：bootstrap2 和 bootstrap3区别

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