如何在同一個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中的引導按鈕之間添加空格？

回答

相關問題