also wanting to have the right be wide like my image
trying to make the left tall in like in the first image below.
what I'm trying to do. planning maybe to add text under the image to?
and so far this is what I'm getting
1) you'll want to add a fixed or minimum height to the left column for it to be taller! the nature of columns in rows is that they'll grow to match the largest child element in the row. you can add a fixed height by adding style="height:###px" for a fixed height or style="min-height:###px" for a minimum height. i'd suggest adding a minimum height, as the box will still be able to grow when additional content is added to it while starting at a certain height.
2) the left and right boxes are the same width because they're both col-6! you'll want to change the left box to something smaller than 6 (col-5, col-4, col-3, etc), and the right box to something larger than 6 (col-7, col-8, col-9, etc). what's important is to keep the column numbers equal to or less than 12, so that neither column will clip onto another row. ex: having a col-7 and col-6 won't work since 7 + 6 = 13, and 13 is greater than 12.
hope this helps!
thank you, though I don't think I'm getting the sizes to change and ain't sure which would be closer to the image. also is there specific ways to make text in tabs only be in that specific one including bulletin lists?
glad to help!! i'm not sure if i can assist any further without seeing the code itself however, especially with the problems you're having in configuring the layout. ( ; ω ; ) also i'm not sure what you mean by "make text in tabs only be in that specific one including bulletin lists"?... but if you're talking about toggling between tab pages, this is a good tutorial (you'll want to scroll down to 'toggleable/dynamic tabs'). essentially you'll want individual tab-pane divs inside another tab-content div, where the ids of each of those tab-pane divs corresponds to a nav-link.