An overview of the usage differences between BOOTSTRAP2 and BOOTSTRAP3 (iii)

BOOTSTRAP2 and the BOOTSTRAP3 Overview of usage Differences (iii)

First, navigation

1. 1. 2 and 3 Note tab Navigation Click Effect View official website JavaScript plugin write JS or direct <a href= "#tab1" data-toggle= "tab" > so bind corresponding tab ID.

2. 2. 3 added the justification effect (class. Nav-justified), that is, the navigation fills the container width.

Second, the navigation bar

1. 1. 3 Be sure to use the <nav> element, and if you use the <div> element to control the navigation bar, be sure to set the role= "navigation" property for the navigation bar (user who is easy to use the assistive device).

2. 2. The breadcrumbs in the official website 2 and the path navigation described in 3 are one thing.

Third, media objects

1. 1. 2 when you have a media object that has the same indentation as 3, you can put the. Media class in the previous. Media-body nested set.

2. 2. 3 in the Div Plus. Media-middle class allows you to center the image in the display.

Optimization of <iframe> in four or 3

1. 1. provides the 16:9 (. Embed-responsive-16by9 ) and 4:3 (. Embed-responsive-4by3 ) Two kinds of embedding proportions.

This article from the "8061125" blog, reproduced please contact the author!

An overview of the usage differences between BOOTSTRAP2 and BOOTSTRAP3 (iii)