Question

我在同一个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>

Answer 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>

Answer 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;

如何在同一个div中的bootstrap按钮之间添加空格？

2 个答案: