ブーストラップグリッドが正しく動作していません

Question

私は初めてブーストラップを使用しています。 プッシュとプルのグリッドシステムを学習しようとしました。

<header> 
    <!-- Main component for a primary marketing message or call to action -->    

    <div class ="container"> 
     <div class = "row"> 
      <div class = "col-xs-12 col-sm-8"> 
       <h1>RSisdtorante con Fusion</h1> 
       <p style="padding:40px;"></p> 
       <p>We take inspiration from the World's best cuisines, and create a unique fusion experience. Our lipsmacking creations will tickle your culinary senses!</p> 
      </div > 
      <div class = "col-xs-12 col-sm-4"> 
       <h1> hello brother</h1> 

      </div> 
     </div> 
    </div> 
</header> 

htmlページはまったく変更されません。 問題を見るにはコード全体を含める必要がありますか？

Answer 1

チェックアウトブートストラップドキュメントからこの例：http://getbootstrap.com/css/#grid-example-mixed

あなたがグリッドクラスを使用している方法は、あなたのdivはxs画面で全角になりますが、sm画面で、トップdivが、二になります第2の幅は1/3の幅になります。小さな画面より大きいものは、この部門を反映します。

Chromeを使用している場合は、開発者ツールを開いてページのサイズを変更してください。サイズを小さくすると、変更が表示されます。

ブートストラップは、プッシュのために別のクラスの構文を持っており、引き、ここでの構文をお読みください。http://getbootstrap.com/css/#grid-column-ordering