html - Bootstrap 流体行重叠

Question

我在运行当前代码的同时包含了最新 Bootstrap 的标准和响应式 CSS。

我不明白为什么当我增加字体大小时该行根本没有响应并且文本当前重叠。

任何建议都会有所帮助，因为我是 Bootstrap 的新手。我也知道这很老套，但这是测试我的想法的一种快速简便的方法。

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span12" style=" text-align:center;">
        <p style="font-size:6em;  font-weight:bold;">LARGE TEXT</p>
    </div>
  </div>
  <div class="row-fluid">
    <div class="span12" style="text-align:center; font-size:3em; font-weight:bold;">
        <p>Date 02/02/2013</p>
    </div>
  </div>
</div>

Answer 1

您需要重置p 元素的行高。行高继承自正文规范，默认设置为 20px。

将样式更改为 style="font-size:6em; line-height:normal; font-weight:bold;" 应该可以解决问题。

参见 http://jsfiddle.net/7EXmD/1/ .

我不建议以这种方式为您的元素设置样式以供生产使用，但正如您所说，对于测试，这是使其工作的方法。