Bootstrap 3 - 自定义设备宽度

时间:2013-12-20 13:02:22

标签: twitter-bootstrap twitter-bootstrap-3

我正在使用Bootstrap 3和在线自定义工具 - http://getbootstrap.com/customize/ - 来设置特定的设备宽度,但我下载的软件包中的CSS似乎缺少任何网格系统。

我包含了bootstrap.css文件,这是我的HTML。

    <div class="container">
        <div class="row">
            <div class="span9">
                <div class="row">
                    <div class="span9">
                        a
                    </div>
                    <div id="dont" class="span3">
                        a
                    </div>
                    <div id="dont" class="span3">
                        a
                    </div>
                    <div id="dont" class="span3">
                        a
                    </div>
                </div>
            </div>
            <div class="span3">
                right sidebar
            </div>
        </div>
    </div>

3 个答案:

答案 0 :(得分:3)

Bootstrap 3没有类似“span *”的类,请阅读Grid Documentation.

答案 1 :(得分:3)

网格系统现在真的不同了。 span- *类来自bootstrap 2。 你现在必须使用:

  • .col-xs- *(电话(&lt; 768px)
  • .col-sm- *(≥768px)
  • .col-md- *桌面(≥992px)
  • .col-lg- *(≥1200px)。

http://getbootstrap.com/css/#grid-intro

答案 2 :(得分:1)

您是否设置了正确的“媒体查询断点”?如果您认为Zip错误,请使用合并/差异工具进行检查。