zoukankan      html  css  js  c++  java
  • Bootstrap(三)—bootstrap.css解析。

    bootstrap.css中的第149-296行代码。

    <div class="row">
      <div class="span1">
        
      </div> </div>

      

    .row {                                    
      margin-left: -20px;    //外边距 margin-left:auto |length(px、em/%(基于父对象))
      *zoom: 1;          //设置或检索对象的缩放比例 zoom:normal|number
    }
    .row:before,
    .row:after {
      display: table;
      content: "";
    }
    .row:after {
      clear: both;
    }
    [class*="span"] {
      float: left;
      margin-left: 20px;
    }
    .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
       940px;
    }
    .span12 {
       940px;
    }
    .span11 {
       860px;
    }
    .span10 {
       780px;
    }
    .span9 {
       700px;
    }
    .span8 {
       620px;
    }
    .span7 {
       540px;
    }
    .span6 {
       460px;
    }
    .span5 {
       380px;
    }
    .span4 {
       300px;
    }
    .span3 {
       220px;
    }
    .span2 {
       140px;
    }
    .span1 {
       60px;
    }
    .offset12 {
      margin-left: 980px;
    }
    .offset11 {
      margin-left: 900px;
    }
    .offset10 {
      margin-left: 820px;
    }
    .offset9 {
      margin-left: 740px;
    }
    .offset8 {
      margin-left: 660px;
    }
    .offset7 {
      margin-left: 580px;
    }
    .offset6 {
      margin-left: 500px;
    }
    .offset5 {
      margin-left: 420px;
    }
    .offset4 {
      margin-left: 340px;
    }
    .offset3 {
      margin-left: 260px;
    }
    .offset2 {
      margin-left: 180px;
    }
    .offset1 {
      margin-left: 100px;
    }
    .row-fluid {
       100%;
      *zoom: 1;
    }
    .row-fluid:before,
    .row-fluid:after {
      display: table;
      content: "";
    }
    .row-fluid:after {
      clear: both;
    }
    .row-fluid > [class*="span"] {
      float: left;
      margin-left: 2.127659574%;
    }
    .row-fluid > [class*="span"]:first-child {
      margin-left: 0;
    }
    .row-fluid > .span12 {
       99.99999998999999%;
    }
    .row-fluid > .span11 {
       91.489361693%;
    }
    .row-fluid > .span10 {
       82.97872339599999%;
    }
    .row-fluid > .span9 {
       74.468085099%;
    }
    .row-fluid > .span8 {
       65.95744680199999%;
    }
    .row-fluid > .span7 {
       57.446808505%;
    }
    .row-fluid > .span6 {
       48.93617020799999%;
    }
    .row-fluid > .span5 {
       40.425531911%;
    }
    .row-fluid > .span4 {
       31.914893614%;
    }
    .row-fluid > .span3 {
       23.404255317%;
    }
    .row-fluid > .span2 {
       14.89361702%;
    }
    .row-fluid > .span1 {
       6.382978723%;
    }
    

      

    基于thinkphp3.1.3的开发
  • 相关阅读:
    Nginx 反向代理、负载均衡、页面缓存、URL重写及读写分离详解
    大型网站系统架构技术原理透析
    大中型网站架构探秘
    大型网站架构不得不考虑的10个问题
    (推荐)高并发高流量网站架构详解
    可扩展、高可用、负载均衡网站架构设计方案
    nginx内置常用变量
    Linux下nginx支持.htaccess文件实现伪静态的方法!
    扩展js,实现c#中的string.format方便拼接字符串
    Winform退出运行后,删除运行目录(批处理方法)
  • 原文地址:https://www.cnblogs.com/feng003/p/3084090.html
Copyright © 2011-2022 走看看