0

我正在运行当前代码，同时包含最新 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>
4

2 回答 2

2

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

改变你的风格style="font-size:6em; line-height:normal; font-weight:bold;"应该可以解决问题。

请参阅http://jsfiddle.net/7EXmD/1/。

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

于 2013-01-26T02:58:19.990 回答
0

该行不响应文本大小，该行响应浏览器窗口的大小。如果您使用的是响应式布局，您应该考虑使用@media query缩小文本的大小以使其适合，因为所有内容都应该缩小，而不仅仅是包含跨度。

于 2013-01-26T02:26:41.077 回答