0

私はかなりの時間頭を悩ませてきましたが、まだ亜種を見つけることができませんでしたが、ここで説明します. Twitter ブートストラップ 2.3.2 を使用しています。「入れ物」の背景を変えてみました。変更を適用すると、この画像は「navbar」と「her-unit」の背景にもなりました。

ここで発見できるのと同じこと: http://getbootstrap.com/2.3.2/examples/hero.html 「コンテナ」設定の「要素の検査」を次のように設定することにより:

background-image: ('url');

本体のイメージだけでなく、「ナビゲーションバー」のイメージも設定します。

確かに、私の場合、「navbar」と「hero-unit」の背景が変更されている理由を明確に理解しています。これは、HTML でこれを取得したためです。

<div class="container">
 <div class="navbar">
  <div class="hero-unit">
</div>
 </div>
  </div>

しかし、私が必要とするのは、「ヒーローユニット」とメインコンテンツの「コンテナ」が1行にあることです(上記のリンクのように)。それらが「コンテナ」クラスに適用された場合は機能しますが、背景はかなりです。同じサイズであるため、新しいクラスに適用する必要があるプロパティは何ですか (リンクを参照)。私は少し立ち往生しており、ひどくサポートが必要だと思います。

2 つの新しいクラスを作成する必要があると思いますか? 1 つは「コンテナ」、「ヒーローユニット」、「ナビゲーション バー」を均等に表示するためのもので、もう 1 つは背景を設定するためのもの (同じ幅のプロパティ) です。しかし、私はそれを理解することはできません:(

4

1 に答える 1

1

あなたの問題を簡単に解決する方法があります。

適切なマークアップを使用してください。ヒーロー ユニットをnavbar内に配置し、その後navbarをcontainer内に配置しても意味がありません。

<div class="navbar">
  <!-- Other stuff -->
</div>

<div class="container">
  <div class="hero-unit"></div>
</div>

これは、使用する必要があるマークアップです。次に、CSS プロパティを使用して別のクラスを作成し、そのクラスをコンテナークラスを使用して DIV に追加できます。

于 2013-09-21T16:19:24.093 に答える