如何在同一 div 中的引导按钮之间添加空格？答案

【问题标题】：How to add space between bootstrap buttons in same div?如何在同一 div 中的引导按钮之间添加空格？
【发布时间】：2015-10-06 05:08:55
【问题描述】：

我在同一个 div 中有两个按钮，我想在这些按钮之间添加空间。我如何在不添加自定义 CSS 的情况下实现这一点。是否有任何引导解决方案？

main.html

 <div class="btn-group pull-right">
    <button class="btn btn-default" type="button">View/Edit</button>
    <button class="btn btn-default" type="button">Edit Ratings</button>
 </div>

【问题讨论】：

为什么不想使用 CSS？这正是它的设计目的。不，bootstrap 帮不了你。
使用 margin-right: 10px 或任何适合您的方式
一个简单的解决方案是删除 btn-group。示例：jsfiddle.net/99x50s2s/122
我必须同意@Turnip。当 ut 正是为您想要的工具而设计的时候，为什么要避免使用 CSS？

标签： html twitter-bootstrap

【解决方案1】：

这是仅使用引导程序的基本解决方案。您可以使用col-md-* 来实现所需的差距。

<div class="btn-group pull-right row">
  <div class="col-md-4"><button class="btn btn-default" type="button">View/Edit</button></div>
  <div class="col-md-1"></div>
  <div class="col-md-4"> <button class="btn btn-default" type="button">Edit Ratings</button></div>
 </div>

【讨论】：

【解决方案2】：

我强烈建议链接一个 css 文件并篡改与指定类隔离的 div 边距。

IE)

<div class="Name1">
    <button class="Name2" type="button">View/Edit</button>
    <button class="Name3" type="button">Edit Ratings</button>
</div>

CSS：

.name2 button
{
  margin-left:5px;
}

否则，

HTML 替代方案是...

&nbsp;

【讨论】：

应该是margin-right:5px;但概念就在那里。
类以1 和2 为后缀？真的吗？ :first/last-child 怎么样？