7 引导程序中的列网格在 xs 处崩溃

【问题标题】：7 Column grid in bootstrap collapse at xs7 引导程序中的列网格在 xs 处崩溃
【发布时间】：2015-04-17 02:53:11
【问题描述】：

我真的很喜欢这段代码pen，我想用它来创建一个日历，但是我需要它使用引导程序在screen-xs 折叠，我不知道该怎么做。

我尝试添加.seven-cols .col-xs-1 和.seven-cols .col-xs-12，但它仍然只是分成两点。

我也无法理解 CSS。

【问题讨论】：

【解决方案1】：

如果您想使用引导程序来呈现日历，我建议您通过更改列数来编译自定义版本。 12列的默认值不实用，这里改成14（输入“@grid-columns”）：http://getbootstrap.com/customize/#grid-system

如果要保留原始引导程序，请每天使用 1 列，第一天使用偏移量：http://jsfiddle.net/wj635bsr/

<div class="row">
    <div class="day col-md-1 col-md-offset-2">
        <div class="day-title">Monday</div>
    </div>

    ...

</div>

在这个例子中，我使用 col-md-* 因为 col-xs-* 是一种不同的行为：(http://getbootstrap.com/css/#grid-options)

【讨论】：