2017-01-01 7 views
0

私はブートストラップナビバーに使用するグラフィカルボタン(APIが提供するデフォルトの "ボタン"ではなく)を持っています。しかし、私はそれらの間のパディング/スペースを削除する方法を把握していないようです。以下の例を参照してください。一番下の行は私が望むものです。私は、パディングと余白を0pxに設定して、私のCSSのすべての変更を試みましたが、何も動作しません。あなたが提供できるガイダンスをありがとう。ブートストラップナビバーのグラフィックボタン間のパディングを削除する

Bootstrap buttons before and after (desired results)

答えて

0

これのいくつかは把握してきました。まずはしかし、私はまだ実際にどのように私は理解できないことをグラフィカルボタン自体の周りに「」リンクをパディング/マージンの問題を持っている

.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

関連する問題