Question

我正在使用bootstrap，我需要创建一个内部七个div的“行”。这是一行包含七个自定义ceckbox，一周一天。这是我想要做的事情的图片。

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

<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设置相同的大小并在一列中显示所有div？

Answer 1

我认为您正在尝试使用网格系统。你不能，因为7不会进入12.你可以很容易地自己做css，每个div的宽度为10％，左边和右边给容器15％的边距。

没有太多细节，我可以提供很多帮助，但你不必严格遵循网格。 7/5网格不起作用。我有一段时间没有使用过bootstrap，但你能不能让每个div 1宽并居中吗？这些天我使用粉底，我知道你可以用它。

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

引导七柱连续

1 个答案: