I have a site that I'm working on recreating a website using Bootstrap Studio which uses Bootstrap as it's framing system. I currently have a sidebar column on the left and the main content on the right which I'm trying to divide into 2 columns and put the form in the right column. ( This project is not uploaded yet, but you can see the basic site setup without a form at https://oaklawnvfw.com )
If I use the form in a single column grid using a 12 span grid, the form works fine and everything shows up as it should. But ... if I use 2 columns and I put the form in one of the columns (trying to use the right column for the form), the them does not work fully. I get only the colored bar at the top. None of the shadow or borders are there at all. Here's links to the screenshots. First one shows the direct form link on the server where it shows that the theme is working and the second is with the form inside the second column of the main content area which clearly shows it's missing the border and shadow I have in it.
https://eiwd-tester.work/screenshot-holder/bss-support/correct-theme-look.jpg
https://eiwd-tester.work/screenshot-holder/bss-support/no-borders-shadow.jpg
The other thing is that I experimented with changing the column sizes making the left one 4 and right one 8 or 5/7 or 6/6 or 3/9 etc. not only does the them not show up correctly, but the form does not show up as responsive and gets cut off on the right side.
I've always used the form in a single column so I've not come across this issue before. As I said, I don't have it uploaded yet, but testing this with some previous forms I did shows that the theme works fine in the browser preview window for those, so I'm assuming that uploading isn't going to make it look right. I could be wrong here, and I'll test that out soon, but for now I'm hoping there's something I can do to fix this, if an upload won't fix it.