This responsive layout is implemented through the CSS3 Media query feature, which matches different styles depending on the resolution. IE8 Browser does not support this excellent CSS3 feature,Bootstrap wrote in the development document how to use the compatible IE8, if you want to be compatible with IE6,IE7, you can search Bsie (BOOTSTRAP2).
Http://v2.bootcss.com
1, note that using Bootstrap is best used with jquery below 2.0;
2,IE8 below does not support placeholder
<Scripttype= "Text/javascript"src= "Js/bootstrap/jquery.placeholder.js"></Script><Scripttype= "Text/javascript"> $(function () { $('input, textarea'). placeholder (); });</Script>
Summarize:
<!DOCTYPE HTML><HTMLLang= "ZH-CN"><Head> <MetaCharSet= "UTF-8"> <Metaname= "Viewport"content= "Width=device-width, User-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <Metahttp-equiv= "X-ua-compatible"content= "Ie=edge,chrome=1" /> <Metaname= "Author"content= "Zhy" /> <title>Ie8</title> <Linkrel= "stylesheet"href= "Css/bootstrap/bootstrap.min.css"> <!--[If LTE IE 9]> <script src=js/bootstrap/respond.min.js "></script> <script src=js/bootstrap/htm L5shiv.min.js "></script> <! [EndIf] - <Scriptsrc= "Js/bootstrap/jquery-1.12.0.min.js"></Script> <Scriptsrc= "Js/bootstrap/bootstrap.min.js"></Script></Head><Body></Body></HTML>
IE judge IE version of the statement:
<!--[If LTE IE 6]><! [EndIf] -IE6 and the following versions are visible<!--[If LTE IE 7]><! [EndIf] -IE7 and the following versions are visible<!--[If IE 6]><! [EndIf] -only the IE6 version is visible<![if! IE]><![endif]>versions other than IE<!--[If Lt IE 8]><! [EndIf] -IE8 The following versions are visible<!--[If GTE IE 7]><! [EndIf] -IE7 and versions larger than IE7 are visible
LTE: is less than or equal to the shorthand, that is, smaller than or equal to the meaning.
LT: is less than shorthand, that is, smaller than the meaning.
GTE: is greater than or equal to the shorthand, that is, greater than or equal to the meaning.
GT: is greater than shorthand, that is, the meaning of greater than.
! : Is not equal to the meaning of the JavaScript is not equal to the same judge
Bootstrap compatible IE