Margin Between Columns - Post ID 268247

User 2833657 Photo


Registered User
5 posts

Currently i'm having a problem putting a margin between two columns that have a span of 6 because then it pushes one column to the next row.

I attached some screenshots of what happens below.
Attachments:
User 122279 Photo


Senior Advisor
14,450 posts

The columns include the gutters. You have to add the margins to the elements you put inside a column.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2833657 Photo


Registered User
5 posts

Inger wrote:
The columns include the gutters. You have to add the margins to the elements you put inside a column.


Sorry but i'm still new to bootstrap, could you please elaborate on that?
User 122279 Photo


Senior Advisor
14,450 posts

Into the columns you pop containers, images, paragraphs, forms, lists and what not. Those elements can be given the margins needed.
The columns themselves are per definition 'wall-to-wall' elements They can take padding, but not left and right margins without dropping down to the next line. No problem with top and bottom margins, though.

Does it help? :)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.