Grids: How to instruct a Col to stay empty?

[wandaToo]

I’d be grateful for some help please. (Fairly new to CSS) In Using the Bootstrap 12 Column grid, I’m trying to create a 4 Column design with the pattern of Col-3, Col-2, Col-4 and Col-3. All adding up to 12 in total.(Hope that makes sense already?)
But I don’t know how to code the CSS file to instruct the two outer files to stay empty, these being the left and right (Col-3 and Col-3). I only want to use the middle two Columns for my design, with Col-2 being my left sidebar and Col-4 being my Content/Articles… How do I write the CSS to keep the left and right Columns empty? Thank you for any help.

[Paulie_D]

The columns will automatically be empty…I’m not sure what the problem is.

The class of col-3 just defines a width….not the content.

[wandaToo]

yes but when I insert content into my two middle Columns the result is that sometimes the space of my left column gets used by my middle columns….. (apologies for being so bad at describing it), and I’d like that space to stay empty.

[Paulie_D]

Then I suggest that you make a demo in Codepen.io to show us the issue because I can’t think of a reason for it to do that…assuming, you’ve set it up right.

[wandaToo]

I’ll go learn some more and come back in a week or two if I haven’t solved it. I have a feeling it’s something to do with push and pull of columns, but I should be more knowledgeable by then, and be able to explain it properly. Thanks for responding. Regards……..

[FFRedshirt]

Sounds like you just want to space them?

You should be able to use .col-md-offset-# or whatever viewport size desired.

[Author]

Posts