基于bootstrap框架在ie8以下,兼容媒体查询[css样式]

时间:2023-03-10 01:25:02
基于bootstrap框架在ie8以下,兼容媒体查询[css样式]
 <style type="text/css">
     /*基于bootstrap框架在ie8以下,兼容媒体查询*/
     .row [class^="col-"] {
         float: left \9;
     }

     .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
         width: 8.33333333% \9;
     }

     .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2 {
         width: 16.66666667% \9;
     }

     .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3 {
         width: 25% \9;
     }

     .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4 {
         width: 33.33333333% \9;
     }

     .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
         width: 41.66666667% \9;
     }

     .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
         width: 50% \9;
     }

     .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7 {
         width: 58.33333333% \9;
     }

     .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8 {
         width: 66.66666667% \9;
     }

     .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9 {
         width: 75% \9;
     }

     .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 {
         width: 83.33333333% \9;
     }

     .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11 {
         width: 91.66666667% \9;
     }

     .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
         width: 100% \9;
     }

 </style>