刪除引導程序導航欄中圖形按鈕之間的填充

我有我想用於自舉導航欄的圖形按鈕（不是API提供的默認「按鈕」）。然而，我似乎無法弄清楚如何刪除它們之間的填充/空格。見下面的例子。最下面一排按鈕是我想要的。我已經嘗試了所有方式的改變我的CSS填充和邊距設置爲0px，但沒有任何工作。感謝您提供的任何指導。刪除引導程序導航欄中圖形按鈕之間的填充

Bootstrap buttons before and after (desired results)

來源

2017-01-01 Ed LoVuolo

我想你可以浮動按鈕或設定按鈕的父節點的字體大小設置爲0

你可以看到這一點：https://css-tricks.com/fighting-the-space-between-inline-block-elements/

來源

2017-01-02 01:04:08 wuxiandiejia

一些這方面已經想通了。開始。我所要做的就是創建一個樣式，例如：

.navbar-link { 
    padding-left: 0px; 
    padding-right: 0px; 
    margin-right: -15px; (removes space around the right side) 
    margin-left: -15px; (removes space around the left side) 
} 

<li><a class="navbar-link" href="about.html"><img src="images/buttons_navbar/btn_About_Us.png" alt="About Us" class="img-responsive"></a></li>

然而，我仍然有各地的圖形按鈕自身實際的「一個」鏈接填充/保證金的問題，我無法弄清楚如何消除。查看屏幕截圖中按鈕周圍的薄藍框。我需要縮小面積，使其僅包圍圖形，而不包含其周圍的任何其他圖形（請參閱它與圖像右側的重疊方式）。任何想法？ overlapping a link

來源

2017-01-02 20:08:13

刪除引導程序導航欄中圖形按鈕之間的填充

回答

相關問題