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

我看到bootstrap在border周围div并且span内有pagination-centered时出现问题。这可能是问题的一部分。跨度设计为具有特定宽度，当您添加边框时，它会抛出计算。如果你想要一个边框，把它放在带有跨度的div内的div上。如果您删除它仍然无效，请发布更多信息。例如，你的{{1}}班级在做什么？

twitter bootstrap文本相互碰撞

1 个答案: