Inconsistent cross-browser behavior for .container
Created by: maiertech
This issue I encountered with Bootstrap v4 alpha 4.
You can replicate the issue by viewing this page in latest Chrome on macOS and latest Safari on macOS: https://test.maier.asia/tags/pancetta/.
In Safari the post list contained in main.container
takes up the entire width defined by max-width
. On Chrome main.container
is much smaller than its max-width
.
I am not sure if this is a Chrome bug or a Safari bug or a Bootstrap bug. Which of the two renderings is expected behavior?
And should Bootstrap address this e.g. by adding a min-width
?