Question

我正在制作一个基于盒子的布局，我在引导程序3中遇到了问题。因为自引导程序2以来它们已被更改为填充，所以每次我想要在框中添加填充时它都会完全破坏排水沟。我似乎无法找到解决问题的方法。

我使用.box类从它的装订线突出显示框并给它们背景颜色和图像。我想在文本框中填充文本，因此它不在框墙的边缘，所以我创建了一个.box内部类，但我不能只对其应用填充：/

<div class="col-md-12">
    <div class="row">
        <div class="col-md-6">
            <div class="box">
                <div class="box-inner">
                    <h1>Test2</h1>
                </div>
            </div>
        </div>
    </div>
</div>

任何帮助都将非常感谢！我一直在靠墙撞击几个小时。

在这里，我用注释强调了问题区域： http://jsfiddle.net/kbj8dd0e/6/

Answer 1

当然可以添加填充。只需将其添加到.box即可。

看看这个：
http://jsfiddle.net/kbj8dd0e/5/
（请注意，我已将col-md更改为col-xs，以便在该小提示窗格中更好地显示，但同样适用于任何col类。）

我所做的只是将填充移动到.box类，以便能够删除多余的.box-inner。我还删除了<div class="row"><div class="col-md-12">...</div></div>的所有实例，因为这只会添加标记并且没有任何用处。

或者我在这里遗漏了什么？

Bootstrap 3基于框的布局填充，不影响装订线

1 个答案: