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

Question

我的网页连续列出了5位DJ。我正试图在它的右侧放置广告。

以下是没有广告的外观

放置广告后，它看起来像这样

如何增加连续2列之间的间距？我认为可以通过更改装订线宽度和下载自定义的引导文件来完成，但我认为只有一种更简单的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更改宽度

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

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