引导图像按钮之间的多余空间

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;
}