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.
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.
If you enter a class in here this will be added to the wrapper div. Then you could declare a css class like:
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
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.
If you enter a class in here this will be added to the wrapper div. Then you could declare a css class like:
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
is working on a reply...