Добавление разрыва между колоннами в Bootstrap

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

#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-bottom: 0; 
    padding-top: 0; 
    top: -40px; 
} 

.col-sm-3 { 
    width: 22%; 
}