導航欄中按鈕之間的Bootstrap CSS空間

如何在導航欄中的按鈕之間創建空間？我通常通過 來做到這一點，但現在無法使用。下面是它的外觀的的jsfiddle：導航欄中按鈕之間的Bootstrap CSS空間

2013-08-05 dinomuharemagic

http://jsfiddle.net/W6hEa/1/對我的作品，但可能不是你想要什麼 – tobspr

我個人認爲導航欄鏈接看起來比將按鈕放在那裏更好，如果你願意，你仍然可以使用圖標。否則，我同意保證金的左側或右側。 http://jsfiddle.net/W6hEa/3/ –

，你可以嘗試margin-left

這裏是代碼

.btn{ 
margin-left:10px; 
}

這裏的例子:: FIDDLE

來源

2013-08-05 18:31:59

複製&將其粘貼到您的style.css並將其指定爲class屬性：

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

來源

2014-03-20 23:33:45

首選此方法，因爲它不處理默認的BS樣式。 – Lankymart

導航欄中按鈕之間的Bootstrap CSS空間

回答

相關問題