Css Bootstrap 3基于框的布局填充，不影响边沟

我正在做一个基于盒子的布局，我在Bootstrap3中遇到了水槽的问题。自从bootstrap 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>

测试2

任何帮助都将不胜感激！我已经把头撞在墙上好几个小时了

在这里，我用评论强调了问题领域：

---

确保可以添加填充。只需将其添加到

.box

看看这个：

（请注意，我将

col md

更改为

col xs

，以使其在小提琴窗格中显示得更好，但这同样适用于任何

col

类。）

我所做的只是将填充移动到

.box

类，以便能够删除冗余的

.box内部

。我还删除了所有

…

的实例，因为这只是添加了标记，没有任何用途

---

还是我遗漏了什么？

盒子内部的填充物有什么问题？它们似乎发挥了它们的自然功能。没关系，看看那里发生了什么……我不确定在那个例子中它是否如此明显，我会尝试让它更适合屏幕。但基本上，在这个更新的提琴中的红色框中，填充物破坏了30px的排水沟，我希望填充物包含在它的框中，并且不会以任何方式干扰排水沟：看起来Bootstrap的col-md-6大小没有加载。我应该去睡觉了，发布愚蠢的评论抱歉，布劳恩，你的编辑让排水沟不平，这正是我试图避免的。它们需要在顶部、底部、左侧和右侧保持相同的30px宽度，但允许在盒子内部填充，.box类用于显示排水沟，因此我创建了一个box内部类来在盒子内部添加填充，但它实际上使盒子更大，而不是保持相同的大小。我将尝试将您链接到一个问题，这将帮助您更好地理解我对box类的推理：编辑，这是链接：）！如果你想让底边是30px，那么就把它设为30px。。。我想还是没有真正理解这个问题？我为你添加了上面的链接：）！哦，就是这样！很抱歉，我没有理解，我已经花了很长一天的时间来解决一些紧张的问题，我还是个新手。但我有我的随机时刻。谢谢你的帮助！多亏了这么多人，我整天都在研究如何做到这一点，因为我以前从未见过这样的盒装定制设计，编写了一个过于复杂的框架来制作盒子，意识到它过于复杂，于是放弃了它，尝试了一些不够强大的定制网格，终于找到了地方，但无法添加填充。哦，老兄，这个解决方案非常优雅。绝对完美。保重