在图像按钮之间引导不需要的空间

Question

Bootstrap比较新，需要一些帮助。我附上了一个img url来帮助我解释。

我在图像按钮之间有不需要的空间，我希望它是目前尺寸的四分之一。

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