时间戳

首页 > 解决方案 > 我有 7 个 col-md-1 和 1 个 col-md-2。如何摆脱最后一项和前一项之间的空间？

twitter-bootstrap - 我有 7 个 col-md-1 和 1 个 col-md-2。如何摆脱最后一项和前一项之间的空间？

问题描述

我想摆脱下载之间的不均匀空间并与我们联系。我在下面发布了一张我的代码现在看起来如何的照片。

<div class="row" align="center" >
                     <div class="col-md-1"><a>System</a></div>
                     <div class="col-md-1"><a>Technology</a></div>
                     <div class="col-md-1"><a>Testimonial</a></div>
                     <div class="col-md-1"><a>About</a></div>
                     <div class="col-md-1"><a>Careers</a></div>
                     <div class="col-md-1"><a>News</a></div>
                     <div class="col-md-1"><a>Downloads</a></div>
                     <div class="col-md-2"><a>Contact Us</a></div>
                 </div>

在此处输入图像描述

标签： twitter-bootstrap

解决方案

使用 .offset-md-* 类将列向右移动。这些类将列的左边距增加 * 列。例如，.offset-md-4 将 .col-md-4 移动到四列。

除了在响应断点处清除列之外，您可能还需要重置偏移量。

更多信息https://getbootstrap.com/docs/4.0/layout/grid/#offset-classes

推荐阅读