引导连续的偶数列答案

【问题标题】：bootstrap seven colum in a row引导连续的偶数列
【发布时间】：2016-06-29 20:01:33
【问题描述】：

我正在使用引导程序，我需要创建一个包含七个 div 的“行”。它是包含七个自定义复选框的行，一个用于一周中的每一天。这是我正在尝试做的事情的图片。

我看到了一个例子，这就是我现在写的：

<div class="container col-md-12">
    <div class="row seven-cols col-md-12">
        <div class="col-md-1">
            <label class="checkbox-inline ggsettimana ggsettimanabox">
                <input type="checkbox" id="inlineCheckbox1" value="option1"> Lunedì
            </label>
        </div>
        <div class="col-md-1">
            <label class="checkbox-inline ggsettimana ggsettimanabox">
                <input type="checkbox" id="inlineCheckbox1" value="option1"> Lunedì
            </label>
        </div>
        <div class="col-md-1">
            <label class="checkbox-inline ggsettimana ggsettimanabox">
                <input type="checkbox" id="inlineCheckbox1" value="option1"> Lunedì
            </label>
        </div>
        <div class="col-md-1">
            <label class="checkbox-inline ggsettimana ggsettimanabox">
                <input type="checkbox" id="inlineCheckbox1" value="option1"> Lunedì
            </label>
        </div>
        <div class="col-md-1">
            <label class="checkbox-inline ggsettimana ggsettimanabox">
                <input type="checkbox" id="inlineCheckbox1" value="option1"> Lunedì
            </label>
        </div>
        <div class="col-md-1">
            <label class="checkbox-inline ggsettimana ggsettimanabox">
                <input type="checkbox" id="inlineCheckbox1" value="option1"> Lunedì
            </label>
        </div>
        <div class="col-md-1">
            <label class="checkbox-inline ggsettimana ggsettimanabox">
                <input type="checkbox" id="inlineCheckbox1" value="option1"> Lunedì
            </label>
        </div>
    </div>
</div>

如何为每个 div 设置相同的大小并将它们全部显示在一列中？

【问题讨论】：

我刚刚在 jsfiddle 上试过这个：jsfiddle.net/zjk2o0s6 它是垂直的。你有没有 CSS，如果有，你也可以在这里过去吗？谢谢。

标签： javascript html twitter-bootstrap css

【解决方案1】：

我认为您正在尝试为此使用网格系统。您将无法做到，仅仅因为 7 不会进入 12。您可以很容易地自己完成 css，为每个 div 设置 10% 的宽度，并在左侧和右侧为容器设置 15% 的边距。

没有太多细节我帮不上什么忙，但你不必严格遵守网格。 7/5 网格实际上不起作用。我有一段时间没有使用引导程序了，但你能不能让每个 div 宽 1 并居中？这些天我用粉底，我知道你可以用它。

编辑：找到一个居中列的示例：http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns

【讨论】：