zoukankan      html  css  js  c++  java
  • bootstrap2.02 notice

    BootStrap Study note


    Scaffolding

    两种960px/12column网格,

    默认网格default grid标签是<div class="container">.固定960px宽度。

    另外一种是Fluid grid的宽度是用百分比代替固定宽度设置。

    两者的区别就在于,固定和不固定(废话)。默认网格,960,超出960就超出,父元素不会扩大自己的宽度。Fluid grid的父元素会扩大自己的宽度,包容子元素。

    .container-fluid {


    padding-left: 20px;


    padding-right: 20px;


    }

    .container {


    margin-left: auto;


    margin-right: auto;


    940px;


    }


    这样也就涉及到子元素div的.row和.row-fluid的区别:

    .row-fluid {


    100%;


    }


    .row {


    margin-left: -20px;


    }

    那么它俩的共同点就是clear: both;清除浮动。


    Base CSS

    --Forms



    label class=”control-label”只有在Forms class=”form-horizontal” 会影响:

    float: left;


    padding-top: 5px;


    text-align: right;


    140px;

    div class=”control”的影响是:margin-left: 160px;

    div class=”control-group”的影响是:clear: both;

    div class=”form-action”的影响是:

    background-color: #F5F5F5;


    border-top: 1px solid #DDDDDD;


    margin-bottom: 18px;


    margin-top: 18p


    Components

    Alerts



    合乎自然而生生不息。。。
  • 相关阅读:
    从B树、B+树、B*树谈到R 树
    平衡二叉树、B树、B+树、B*树
    数据库事务和四种隔离级别
    python 安装surprise库解决 c++tools错误问题
    python的sorted函数
    爬虫出现gbk错误
    Windows下Python安装numpy+mkl,Scipy和statsmodels
    Flask--框架及路由
    flask常见面试题
    RE正则表达式
  • 原文地址:https://www.cnblogs.com/samwu/p/2395725.html
Copyright © 2011-2022 走看看