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

我有两个按钮在同一div内，我想在这些按钮之间添加空格。我怎样才能实现这一点，而无需添加自定义CSS。有没有bootstrap解决方案？如何在同一个div中的引导按钮之间添加空格？

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>

来源

2015-10-05 aftab

为什么你不希望使用CSS？这正是它的设计。不，引导不能帮助你。 – Turnip

使用'margin-right：10px'或其他适合你的方法 – Chris

一个简单的解决方法是，删除btn-group。例如：https://jsfiddle.net/99x50s2s/122/ –

我强烈建议链接一个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;

来源

2015-10-05 21:08:55 Rob

这将是margin-right：5px;但概念在那里。 – Rob

带有'1'和'2'后缀的类？真？ '：first/last-child'怎么样？ – ProfK

这仅仅是使用自举一个基本的解决方案。你可以玩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>

来源

2015-10-05 20:24:12 CoderGuy

谢谢你的工作 – aftab

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

回答

相关问题