html - 在图像按钮之间 Bootstrap 不需要的空间

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