Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Grids: How to instruct a Col to stay empty?

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #205350
    wandaToo
    Participant

    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.

    #205353
    Paulie_D
    Member

    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.

    #205356
    wandaToo
    Participant

    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.

    #205361
    Paulie_D
    Member

    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.

    #205395
    wandaToo
    Participant

    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……..

    #205511
    FFRedshirt
    Participant

    Sounds like you just want to space them?

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.