2013-04-20 167 views
4

我想讓導航欄的左右邊距更小,因此「品牌」(最左邊的組件)出現在左側,然後是默認設置,右側組件相同。Bootstrap導航欄邊距

有人可以指點我相關較少的變量來修改?

感謝

回答

3

有了一個基本的佈局,你想要的CSS選擇器

body > .navbar .brand 

播放與利潤率左緣和右,直到你得到你想要的結果。根據您是如何調用你的CSS樣式,您可能需要添加!作爲重要的還有,如

body > .navbar .brand{ 
margin-left:-20px !important; 
margin-right:-20px !important; 
} 

如果你沒有任何這方面的成功嘗試ommitting 體>

編輯

如果你想改變整個導航欄的寬度,你可以試試

.navbar{ 
margin-left:-20px; 
margin-right:-20px; 
} 

您可能還需要調整細節導航欄-內,如

.navbar-inner{ 
padding-left:0; 
padding-right:0; 
} 

編輯
看看這有助於:http://jsfiddle.net/panchroma/zBeZF/

祝你好運!

+0

我認爲這隻適用於.brand組件,對嗎?如何浮動的組件是正確的?我希望雙方的利潤都要小一些。謝謝 – user1377822 2013-04-20 10:52:19

+0

現在我明白了。我已經更新了我的建議 – 2013-04-20 11:03:53

+0

好的,我修改了navbar.less文件(直接使用less)並添加了邊距並重新編譯。它似乎沒有工作。 – user1377822 2013-04-20 11:11:55