html - twitter bootstrap 文本相互碰撞

Question

我正在尝试在我的网页上创建一个大文本标题。我正在使用 Twitter Bootstrap，看起来 span12 没有根据文本大小进行调整。

当我缩小浏览器屏幕时，文字并没有换行，而是字母基本上挤在一起。我想让 row/span12 列调整为文本的大小，而不是保持高度固定。有人知道我该怎么做吗？

代码如下:

#meettheteam {
        border: 1px solid red;
        font-weight: bold;
        font-family: garamond, 'times new roman',serif;
        font-size: 96px;

    }

这是 HTML:

    <div class='container-fluid'>
    <div class='row-fluid' style='border: 1px solid red;'>
    <div id='meettheteam' class='span12 pagination-centered' style='border: 1px solid yellow;'>
MEET THE TEAM
</div>
</div>
</div></div>

Answer 1

我已经看到当 div 周围有一个 border 并且其中有 span 时，bootstrap 在调整大小方面有问题。这可能是问题的一部分。跨度设计为具有特定宽度，当您添加边框时，它会抛出计算。如果你想有一个边框，把它放在一个带有跨度的 div 里面的 div 上。如果你删除它但它仍然不起作用，请发布更多信息。例如，您的 pagination-centered 类在做什么？