Images make containers disappear in BS3 and 4 - Post ID 267225


Senior Advisor
11,001 posts

This discussion actually started here:
http://www.coffeecup.com/forums/respons … post267122
I have two columns with two containers each. In mobile size I try adding an image/image link, and the whole container disappears. This happens in both BS3 and BS4.

When I move up past one of the breakpoints towards larger screens, the image is there.

As far as I understand, this must be either a bug, or something that has not yet been implemented in the beta version. Or have I done something stupid?
I've tried the same with RFF, and that works fine, and also in RSD starting with large screen going down, that is also troublefree.

See attached file and try adding an image or so into one of the containers.
Attachments:
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.horgenhonning.net/
Component sharing for RSD, RFF and RBB: http://www.horgenhonning.net/sharing/



Registered User
579 posts

Not an answer, but just some notes from experimenting with this -

(a) Changing the containers' Flex Direction at the narrow width from Column to Row removes the problem.
(b) Similarly changing the Flex Direction of the columns from Column to Row removes the problem.
(c) The problem is not confined to pictures, but affects all sorts of content I've tried.
(d) Although I too couldn't replicate the issue in RSD or RFF, neither could I when starting from scratch in RBB. Is there perhaps just some corruption in the file, or can others replicate it starting from scratch?

Frank


Ambassador
295 posts

I see the issue on that file but I tried to recreate it and didn't have the same issues.

Is this file what you were trying to do? Not sure if I was rebuilding it differently?

Attachments:
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://goo.gl/KJCsjA
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)


Senior Advisor
11,001 posts

Hi, I've been away from the computer for a couple of days, sorry for my late reply.

Frank, I needed the flex direction column, because I wanted to pop an image, a small header and some text below each other in the containers.

Jeff, your example was fairly similar to mine, and it let me see what I needed to change. I had not used Bootstrap classes, just a class of my own, and that was a mistake. RFF allowed me to name a class '.container-1', but in RBB I needed to call it '.container' (after that I could add other class names, but that was not necessary in this case).
Anyway, when I changed the class names from .container-1 to just .container, everything started behaving itself. :)
Thanks for looking into it!
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.horgenhonning.net/
Component sharing for RSD, RFF and RBB: http://www.horgenhonning.net/sharing/



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.