导航栏中按钮之间的Bootstrap CSS空间

Question

如何在导航栏中的按钮之间腾出空间？我通常使用 执行此操作但现在不起作用。这是一个关于它的外观的JSfiddle：

http://jsfiddle.net/W6hEa/

Answer 1

您可以尝试margin-left

这是代码

.btn{
margin-left:10px;
}

这里是示例:: FIDDLE

Answer 2

复制＆amp;将其粘贴到style.css并将其指定为类属性：

.btn-margin-left {
    margin-left: 2px;
}
.btn-margin-right {
    margin-right: 2px;
}

<强>用法

<a href="URL" class="btn btn-default btn-sm btn-margin-left">Link</a>

<button type="button" class="btn btn-default btn-sm btn-margin-left">Button</button>

Answer 3

您可以在Bootstrap 4.0x中定义类内部的间距。

https://getbootstrap.com/docs/4.0/utilities/spacing/

例如

<button type="button" class="btn btn-default ml-2>Button</button>