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

时间:2014-07-25 21:20:38

标签: html css twitter-bootstrap

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

1 个答案:

答案 0 :(得分:0)

感谢Andrew Peterson的链接,我最后添加了一个新类.nopadding,然后编辑边距以删除其间的空格,如下所示。感谢您的输入

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