【问题标题】:twitter bootstrap text running into each otehrtwitter 引导文本相互运行
【发布时间】:2012-10-23 02:52:45
【问题描述】:

我正在尝试在我的网页上创建一个大文本标题。我正在使用 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>

【问题讨论】:

    标签: html css twitter-bootstrap


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-12-27
      • 2012-03-27
      • 1970-01-01
      • 1970-01-01
      • 2023-03-20
      • 2014-07-11
      • 2015-03-06
      • 1970-01-01
      相关资源
      最近更新 更多