我在 CSS 上不是那么先进,所以我想在报告这个问题之前先问问别人。
我正在使用最新的 (v2.0.3) bootstrap Hero 示例来展示这个问题。当我创建一个大于大约 1/2 列大小的文本的 single_long_word 时(由于大字体或单个单词中有大量字符),在布局调整之前允许文本超出其列我重新调整浏览器窗口的大小以使其更小。
我所要做的就是更改列中的文本以制作一个大字或长字,然后减小浏览器的窗口大小。它最终会重新布局列以允许更大的宽度,但不是在长字超过它所在列的边界之前。
对于具有响应式网格的普通容器和流体容器,都会发生这种情况。
只需转到此页面并在检查列元素后编辑文本即可在 Chrome 中轻松复制。
http://twitter.github.com/bootstrap/examples/hero.html
我无法发布图片,因为我对 stackoverflow 太陌生