zoukankan      html  css  js  c++  java
  • bootstrap 更改container 的width

    参考:http://stackoverflow.com/questions/15884102/bootstrap-how-do-i-change-the-width-of-the-container

    怎么更改contianer 的width?

    这样.container{ xxx;}

    就可以了吗?

    错。that will break everything, since each span class has a fixed width which is calculated in relation to thecontainer width.所有我们必须重新计算span1-span12的width。

    解决办法:

    假设我们想设置widht为1000px.去

    Go to the Customize section on Bootstrap site and choose the size you prefer. You'll have to set@gridColumnWidth and @gridGutterWidth variables.

    For example: @gridColumnWidth = 65px and @gridGutterWidth = 20px results on a 1000pxlayout.

    Then download it.

    是怎么计算的?

    12*(gridColumnWidth+gridGutterWidth)-gridGutterWidth=your width.

    Theoretically, there are infinite combinations that match 1000px. An example: 12*65 + 11*20 = 1000 (there are only 11 gutters between columns).

  • 相关阅读:
    移动app测试
    centos7中tomcat安装步骤
    linux下搭建数据库
    Linux 学习笔记
    vi编辑器 使用表
    python-Xml 实战
    python-Excel 实战
    手写HashMap
    volatile关键字解析
    两个栈实现队列——优化版
  • 原文地址:https://www.cnblogs.com/youxin/p/3333972.html
Copyright © 2011-2022 走看看