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 に答える