引導圖像按鈕之間的多余空間

Question

對Bootstrap而言相對較新，需要一些幫助。 我附上了img網址，以幫助我進行說明。

我在圖像按鈕之間有多余的空間，我希望它的大小是當前大小的四分之一。

    <div class="col-sm-3">
    <asp:ImageButton src="Content/MPGCalc.png" id="Mpg" runat="server" class ="img-responsive" />
        <br />
        <p>Miles Per Gallon and Journey Cost Calculator</p>
    </div>

我已經為8張圖片分別完成了上述操作。 我覺得問題可能出在col-sm-3只加12。

任何意見，將不勝感激！

http://imgur.com/wzVKSx5

Answer 1

多虧了Andrew Peterson提供的鏈接，我最終添加了一個新類.nopadding，但隨后編輯了空白以消除它們之間的空間，如下所示。 感謝您的輸入

.nopadding {
   padding: 0 !important;
   margin-bottom: -70px !important;
}