4

TwitterBSに慣れようとしています。

固定幅の列を含みながら、ヒーローユニットをブラウザの100％幅にする方法はありますか？

4

2 に答える 2

7

ラップ.hero-unitイン.container-fluidして.row-fluid（または何もラップしないでください）。ブートストラップ用語の「流体」は、ブラウザウィンドウの幅が100％になることを意味します。他のコンテンツを「fixed」.containerとでラップします.row。

私のフィドルでこれをどのように行ったかをご覧ください。

于 2012-09-16T19:41:39.653 に答える
2

Bootstrap 3 の時点で、ヒーロー ユニットの名前がjumbotron http://getbootstrap.com/components/#jumbotronに変更されていることに注意してください。

ジャンボトロンを全幅にし、角を丸くしないようにするには、ジャンボトロンをすべての .containers の外側に配置し、代わりに .container を中に追加します。

<div class="jumbotron">
  <div class="container">
    ...
  </div>
</div>
于 2014-03-18T17:10:22.493 に答える