zoukankan      html  css  js  c++  java
  • Bootstrap 网格系统

    <div class="container">
       <div class="row">
          <div class="col-*-*"></div>
          <div class="col-*-*"></div>      
       </div>
       <div class="row">...</div>
    </div>
    <div class="container">
    <div class="container">
        <div class="row" >
            <div class="col-xs-6 col-sm-3" 
                style="background-color: #dedef8;
                box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
            </div>
            <div class="col-xs-6 col-sm-3" 
            style="background-color: #dedef8;box-shadow: 
            inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 
                eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut 
                enim ad minim veniam, quis nostrud exercitation ullamco laboris 
                nisi ut aliquip ex ea commodo consequat.
                </p>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 
                eiusmod tempor incididunt ut. 
                </p>
            </div>
     
            <div class="clearfix visible-xs"></div>
     
            <div class="col-xs-6 col-sm-3" 
            style="background-color: #dedef8;
            box-shadow:inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
                <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco 
                laboris nisi ut aliquip ex ea commodo consequat. 
                </p>
            </div>
            <div class="col-xs-6 col-sm-3" 
            style="background-color: #dedef8;box-shadow: 
            inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 
                eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut 
                enim ad minim 
                </p>
            </div>
        </div>
    </div>
  • 相关阅读:
    coredata相关文章,还不错
    Predicates
    iOS5新开发的API总述
    免费Excel教程及模板 微软自带 无木马
    历史的商业行为
    销售激励管理流程和Sales Force Mgmt流程
    亚马逊,应用网关 AWS API GATEWAY
    EXCEL 常用函数公式
    华尔街之狼 原型
    FW:Docker与CI持续集成/CD
  • 原文地址:https://www.cnblogs.com/0710whh/p/12390928.html
Copyright © 2011-2022 走看看