[Solved] bootstrap gutters not working

[asma]

I don’t know for what reason bootstrap gutters are not working.

here i created codepen:
http://codepen.io/anon/pen/qEJYXO

http://codepen.io/anon/pen/WbaJXK

i created 3 blocks each occupying 4 columns, with 1 pixel boarder.there should be gutter spaces between the blocks but there is none the columns are just stick to each other. gutters are suppose to be by default like 30px in bootstrap grid.

[Paulie_D]

Bootstrap uses padding for gutters as I recall…not margins.

http://codepen.io/Paulie-D/pen/xbyjjw

[asma]

oh sorry yes padding but that apply automatically i mean if one div is occupying 4 columns and next div also have 4 columns there should be automatic padding between them, but its not there ther are just stick net to each other.

kindly provide a codepen.

[asma]

with borders around.

[Paulie_D]

Padding doesn’t come between columns..it’s inside them.

It sounds like you want margins but that, if I recall correctly, would require extensive changes to Bootstrap.

Or just add internal divs with their own paddding.

http://codepen.io/Paulie-D/pen/pvxKzM

[asma]

Thanku Paulie_D :)

[Author]

Posts