Does anybody have any theories why a standard row of Bootstrap columns would be displayed stacked vertically (along the left side of the screen), rather than following the horizontal row breakpoint layout defined in the code? I did a test page, and found it was doing that on an iTouch and Nexus7, yet displayed properly on a desktop PC (all sizes of the browser window), a iPad tablet, a Samsung Galaxy phone, and the Pinegrow preview.
Bit of a mystery that we haven’t figured out yet. Coding SEEMS to be correct, since it displays properly on many devices.
Browsers appear to be up to date. I tried the same test page with Bootstrap 4.1 and 4.3… same result. All columns end up lined up vertically along the left side (despite the row itself having room for another column).
I posted in the beginners section, but since not getting any solid answers yet, I figured I might post here were it may be seen my some senior Bootstrap pros who might be able to come up with some theories (and hopefully some way to fix it).
UPDATE: Now, for whatever reason, I’m finding that some of the premade Bootstrap blocks (which have a similar multi-column thumbnail layout as my test page) are also displaying incorrectly, right in Pinegrow! The screenshot is a new, empty project, with one of the Gallery blocks dragged in. All but the last of the 4 (Gallery 2) displayed with the columns vertically stacked, aligned to the left of the screen. The fourth displayed properly, as do many of the other similar multi-column blocks.
Nothing altered or added. Just dragged the block from the library. Used to work (up to today), but now suddenly now some the premade blocks are not displaying properly, too.