如何使用引导程序 btn-block 设置边距？

Question

我想在使用引导程序的 btn-block 时为我的按钮添加边距。不幸的是，它没有做我想做的事，因为按钮不会缩小。按钮从它的 div 中消失。

在这段文字下，您可以看到我的意思。两个按钮都包含引导程序“btn-block”元素。上面的按钮有一个边距。

<div>
    <button type="button" class="btn btn-block btn-default" style="margin:0px 10px 0px 10px;">No</button>
    <button type="button" class="btn btn-block black-button">Yes</button>
</div>

有人知道如何以按钮保留在上述 div 中的方式向按钮应用边距吗？

Answer 1

您应该为容器 div 提供填充。不是按钮

<div style="width:90%; padding:0 10px;">
    <button type="button" class="btn btn-block btn-default" >No</button>
    <button type="button" class="btn btn-block black-button">Yes</button>
</div>

你可以看到这个例子：https : //codepen.io/tsdln/pen/OgLYrE