zoukankan      html  css  js  c++  java
  • BootStrap栅格系统

    1.什么是栅格系统?

      栅格系统就是默认将父元素分成12等分
      如果想设置子元素的宽度
      可根据占据的份数来决定子元素的宽度
      例如:子元素占据3等份,那么就相当于设置子元素width:25%
      子元素占据4等份,那么就相当于设置子元素width:33.333%

      栅格系统是分为行和列的
      所以要先写行,创建一div添加类名为row即可
      Row下面的div为列
      如何设置每列占多宽?
      可以通过类名 col-xs-栅格的数量(设置超小屏幕)、 col-sm-栅格的
      数量(设置小屏幕)、 col-md-栅格的数量(设置中等屏幕)、 col-lg-
      栅格的数量(设置大屏幕)
      如果列的栅格得数量加一起没有超过12咋可能出现空白并在一行显
      示
      如果列的栅格数量加一起超过12,则在开始超过12的那个换行显示

    2.如果想控制不同的屏幕设置不同的大小可以怎么实现?       

      列的类名可以写多个
      也就是可以同时设置col-xs-、 col-sm-、 col-md-、 col-lg-
      这样的话,在不同屏幕下就会有不同的结构样式

    3.栅格布局是否可以进行嵌套?

            是

    4.如何实现列的偏移?

      使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过
      为当前元素增加了左侧的边距(margin)。

  • 相关阅读:
    Asp.net开发必备51种代码
    防止页面被多次提交
    c#发送邮件.net1.1和.net2.0中的两个方法
    鼠标移至小图,自动显示相应大图
    NET(C#)连接各类数据库集锦
    在C#中对XML的操作
    Window.ShowModalDialog使用总结
    SQLServer2005 添加用户,及操作权限
    定时器
    Global.asax.cs中的方法的含义
  • 原文地址:https://www.cnblogs.com/qingfengyuan/p/12952058.html
Copyright © 2011-2022 走看看