No matter what I try, I can not achieve the box spacing. Im not concerned with the height. I suspect it’s a simple solution that my noob skills are missing. Any help would be most most appreciated. Moreover, when it comes to needs like this, is there a ‘pattern’ of controlling that I can follow to save myself wasted time karate chopping into the beyondness to fall back on and get past box spacing/sizing issues? All the best, Dane.
Hello @deepsnow99, and welcome to the forums!
I am not too sure what your request is about, but you seem to want to adjust the padding of the columns in this layout. If I’m not correct, please feel free to add some more detail or a picture of how you want your design to look.
So, when working on layouts in Bootstrap Studio, you will normally use this hierarchical setup:
Container
/
Row
/
Columns
Container: makes it so content neatly doesn’t extend the full width of the screen. You can adjust this behaviour by selecting it, and going to the options tab on the right of the canvas.
Row: this probably has the options you’re looking for, it allows you to increase and decrease the spacing around the columns inside it. Select the row, and go to the options tab and you can adjust the spacing options. You can also disable gutters, which removes all the spacing around columns.
Columns: For columns to work best, they need to be inside Row elements. You can adjust their width and some layout options in the options tab.
Hopefully this provides some assistance, please let me know if you have more questions!
1 Like
Thanks Catkin. Very helpful. Looks like your instructions will do the trick. Much obliged.
1 Like