Bootstrap: Content inside of columns in IE11 not stacking as expected at small size

[ccartee]

https://jsfiddle.net/charleycartee/s7ze7r5b/1/

load in ie
shrink window/pane size size. headings will overlap
repeat in edge/chrome; note tables stack instead of overlapping

When reporting a bug, include:

• Windows 10, ie11

[ccartee]

actually, I see the same sort of overlap in chrome with col-3 (instead of col)

https://jsfiddle.net/charleycartee/s7ze7r5b/3/

There's definitely some sort of inconsistency (where the first example stacks in chrome and edge, but not in ie11, and this latter doesn't stack in either IE11 or chrome). My understanding is that it shouldn't shrink below the size of the content, and should stack in both of my examples...

[Johann-S]

we released a few hours ago our first stable and before that we were at beta 3, your JSFiddle use our Beta 1.

Please update your JSFiddle

[ccartee]

I think I grabbed the right urls
beta 3: https://jsfiddle.net/charleycartee/s7ze7r5b/11/ (happens in IE and chrome with this one)
release: https://jsfiddle.net/charleycartee/s7ze7r5b/12/ (happens in ie with this one)
release: https://jsfiddle.net/charleycartee/s7ze7r5b/13/ (happens in ie and chrome with this one)

same behavior in ie/chrome with newer css files.

[ccartee]

incidently: https://getbootstrap.com/ still shows beta 3 as current.

[tomalakgeretkal]

@ccartee I found that yesterday as well, but then it changed almost immediately after I mentioned it. I think there's some dodgy caching going on; try a hard refresh or otherwise wait. It does show 4.0.0 for me now.

[ccartee]

I reloaded again (not a hard refresh) and it's showing as 4.0.0 now

[ccartee]

fiddle was updated 6 days ago as requested. Issue is still there in the release version, as noted in the examples. This is still marked "awaiting reply"

[mdo]

Don't know how we missed closing this out months ago, but there's no bug here. .col-3 classes apply our horizontal grid layout across all devices. You might want .col-sm-3 so that the narrowest views stack their columns.

[ccartee]

Edit:
It looks like this is now consistent across browsers:
https://jsfiddle.net/charleycartee/d3tgLej8/

previously it overlapped on IE but not on edge/chrome

col-sm-3 winds up overlapping consistantly across browsers.
https://jsfiddle.net/charleycartee/bfd20nz3/

On Mon, Sep 17, 2018 at 3:30 PM, Mark Otto [e-mail] wrote:

Don't know how we missed closing this out months ago, but there's no bug
here. .col-3 classes apply our horizontal grid layout across all devices.
You might want .col-sm-3 so that the narrowest views stack their columns.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/twbs/bootstrap/issues/25358#issuecomment-422139137,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AGXgOkdljfrcSJr9k5dAb1rNqn769JPPks5ub_hUgaJpZM4RjSF1
.