基于bootstrap框架在ie8以下,兼容媒体查询[css样式]
生活随笔
收集整理的這篇文章主要介紹了
基于bootstrap框架在ie8以下,兼容媒体查询[css样式]
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1 <style type="text/css">
2 /*基于bootstrap框架在ie8以下，兼容媒體查詢*/
3 .row [class^="col-"] {
4 float: left \9;
5 }
6
7 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
8 width: 8.33333333% \9;
9 }
10
11 .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2 {
12 width: 16.66666667% \9;
13 }
14
15 .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3 {
16 width: 25% \9;
17 }
18
19 .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4 {
20 width: 33.33333333% \9;
21 }
22
23 .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
24 width: 41.66666667% \9;
25 }
26
27 .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
28 width: 50% \9;
29 }
30
31 .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7 {
32 width: 58.33333333% \9;
33 }
34
35 .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8 {
36 width: 66.66666667% \9;
37 }
38
39 .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9 {
40 width: 75% \9;
41 }
42
43 .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 {
44 width: 83.33333333% \9;
45 }
46
47 .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11 {
48 width: 91.66666667% \9;
49 }
50
51 .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
52 width: 100% \9;
53 }
54
55 </style>
?
轉載于:https://www.cnblogs.com/myclovers/p/5856893.html
總結
以上是生活随笔為你收集整理的基于bootstrap框架在ie8以下,兼容媒体查询[css样式]的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 合金理论自动化工具包(Alloy-The
- 下一篇： 手机APP测试主要有哪些内容