Trying to find a way to work around Bootstrap rows. I have multiple col-..-.. items that I need to fit into one row, but modifying 8 complex .js files is not an option for me - and they refer to the children of the div I used as a bootstrap row. HTML manipulation has proven unsuccessful despite numerous attempts. If you're skeptical, take a look at the specific issue.
View image here *The red boxes represent the images I'm working with, leaving striped space empty. Even when aligning an element in the blank row, the next item shifts over, posing an ongoing problem.
Interestingly, Firefox and IE display everything as intended but Chrome and Edge don't.
Seeking assistance on this matter. I believe there's likely a simple solution I've overlooked, such as tweaking default properties of the bootstrap row class, but so far, I haven't been able to discover it. Any suggestions would be greatly appreciated.