Question

查看this网站

在滑块上我有4列表示文字内部，对吧？

我希望这些列之间存在差距，如下所示。

████████████████████████████████████████████

我在Stackoverflow上看到很多关于如何执行此操作的帖子。但它们不适合我。

请帮忙吗？

HTML：

<div id="rowCopy">
    <div class="col-xs-5 col-sm-3" id="box">Text</div>
    <div class="col-xs-5 col-sm-3" id="box"><img width="100%" src="./images/datamanagement.jpg"/></div>
    <div class="col-xs-5 col-sm-3" id="box"><img width="100%" src="./images/storageservices.jpg"/></div>
    <div class="col-xs-5 col-sm-3" id="box"><img width="100%" src="./images/storageservices.jpg"/></div>
</div>

CSS：

#content #rowCopy{
    width: 80%;
    margin: 0 auto;
    display: block;
}

#content #rowCopy #box {
    background: none repeat scroll 0 0 white;
    box-shadow: 3px 3px 17px -1px rgba(0, 0, 0, 0.82);
    margin: 10px;
    padding:0;
    top: -40px;
}

Answer 1

试试这个css

getPrimaryKey()

在Bootstrap中添加列之间的间隙

1 个答案: