css - Adding gap between columns in Bootstrap -


check out this site

on slider have 4 columns text inside them, right?

i want gaps between columns below.

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

i saw many posts on stackoverflow how this. don't work me.

any please?

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; } 

try 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%; } 

Comments

Popular posts from this blog

python - Healpy: From Data to Healpix map -

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -