增加两个引导列之间的间距

Question

我的网页有一个连续5个DJ的列表。我正试着把广告放在它的右边。

这是没有广告的样子

​

​

在投放广告之后，它看起来像这样

​

​

如何增加两个连续列之间的间距？我认为可以通过改变排水沟宽度和下载自定义的引导文件来完成，但我认为只有CSS才能更容易地处理这个问题。

这是我的HTML

<div class="container">
    <div class="col-md-11">
        <div class="row">
            <div class="col-md-2 col-md-offset-1 text-center">
                <!-- DJ 1 -->
            </div>
            <div class="col-md-2 text-center">
                <!-- DJ 2 -->
            </div>
            <div class="col-md-2 text-center">
                <!-- DJ 3 -->
            </div>
            <div class="col-md-2 text-center">
                <!-- DJ 4 -->
            </div>
            <div class="col-md-2 text-center">
                <!-- DJ 5 -->
            </div>
        </div>
        <div class="row">
            <div class="col-md-2 col-md-offset-1 text-center">
                <!-- DJ 1 -->
            </div>
            <div class="col-md-2 text-center">
                <!-- DJ 2 -->
            </div>
            <div class="col-md-2 text-center">
                <!-- DJ 3 -->
            </div>
            <div class="col-md-2 text-center">
                <!-- DJ 4 -->
            </div>
            <div class="col-md-2 text-center">
                <!-- DJ 5 -->
            </div>
        </div>
        ....
    </div>
    <div class="col-md-1">
        <div class="edm-sides" align="right">
            <!-- ad-1 -->
        </div>
        <div class="edm-sides" align="right">
            <!-- ad-2 -->
        </div>
    </div>
</div>

Answer 1

使用CSS works更改宽度

.dj-md-2{
    width:18%;
}

将dj-md-2添加到div <div class="col-md-2 dj-md-2">中