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
Post a Comment