Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Roger Withnell 128 posts 613 karma points
    Mar 03, 2017 @ 23:30
    Roger Withnell
    0

    Vertical gutter line between two gridlayout columns

    I'm using Bootstrap.

    My page effectively has two columns, 75% and 25% wide by creating a gridlayout of 9cols and 3cols.

    I want to put a vertical line between the two columns using a class setting in the grid layout. The gap between the two columns is 30px made up of 15px padding-left and 15px padding-right.

    I cannot work out the CSS to do this. If you could give me some guidance, I'd much appreciate it.

    Thanking you in anticipation.

    Roger

  • Nigel Wilson 944 posts 2076 karma points
    Mar 09, 2017 @ 23:05
    Nigel Wilson
    100

    Hi Roger

    On the "row" you want the border, if you click at the top of the row so as to display the cog / trash can, and then click the cog, do you have a Class field available ? If not this can be configured in the developer section.

    enter image description here

    If you enter a class in here this will be added to the wrapper div. Then you could declare a css class like:

    .brdrRight .column:first-of-type {border-right:1px solid red;}
    

    This also will enable you to use media queries to only apply to tablet / desktop (or when the columns aren't full width)

    Hope this helps.

    Cheers

    Nigel

Please Sign in or register to post replies

Write your reply to:

Draft