时间戳

首页 > 解决方案 > 如何在 div 块之间缩进以使它们不背靠背？

html - 如何在 div 块之间缩进以使它们不背靠背？

问题描述

我刚开始学习bootstrap（第3版），所以有困难（即使在术语上）。这样的问题：如何将 div 块彼此分开？我的意思是网站上这些块的内容不应该是背靠背的。比如我有2个div，怎么写才能让网站上的内容分开？

<body>

    <div class="row form-inline">
        <div class="col-sm-15">
            <label class="small">Options:</label>
            <select class="form-control" title="" name="testGroup" id="testGroup194">
                <option selected="selected" value="">ALL</option>
                <option title="Option A" value="14">Option A</option>
                <option title="Option B" value="15">Option B</option>
                <option title="Option C" value="16">Option C</option>
            </select>
        </div>
        <div class="col-sm-16">
            <label class="small">Name</label>
            <input type="text" class="form-control" value="" name="patientName">
        </div>
    </div>

</body>

还有一个关于代码的问题（不是我的）。col-sm-15 和 col-sm-16 是什么意思？在网格中，最多可以有 12 列，但还有更多。

标签： htmltwitter-bootstrap

解决方案

由于您指的是排水沟，您现在可以在https://getbootstrap.com/docs/4.0/layout/grid/#no-gutters查看相应的文档。

至于col-md-16这是auto-layout-columnsBoostrap 4 中的新功能：https ://getbootstrap.com/docs/4.0/layout/grid/#auto-layout-columns

有关更多信息，请参阅此问题：Bootstrap 4 中的 N 列数

推荐阅读