0

Web ページに大きなテキスト ヘッダーを作成しようとしています。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>
4

1 に答える 1

0

border周りに が含まれているdivと、ブートストラップのサイジングに問題があることがわかりspanました。これが問題の一部である可能性があります。スパンは特定の幅を持つように設計されており、境界線を追加すると計算がスローされます。ボーダーが必要な場合は、スパンで div 内の div に配置します。それを削除してもまだ機能しない場合は、さらに情報を投稿してください。たとえば、あなたのpagination-centeredクラスは何をしていますか？

于 2012-10-22T18:52:45.030 に答える