html - twitter ブートストラップを使用するとモバイルが変化しますか?

Question

Twitterブートストラップを使用したこの例のレイアウトがあります:

<div class="container">
     <div class="row">
        <div class="span8">
           <h1> Hello MOBLE WORLD</h1>
        </div>
    </div>
  </div>

すべてのデバイスで同じように見えます。

セクションにメタ ビューポートを配置したとき

<meta name="viewport" content="width=device-width, initial-scale=1.0">

iPhoneでは、まるで半分にカットされているかのようによく見えます（恐ろしい）。なぜそれが起こるのか、何が変化するのか、マージンやパディングが何かをしなければならないのかを知りたいです。ありがとう

Answer 1

あなたがしたいことは、基本的にラッパーの行の代わりに行流体のクラスを使用することを意味する流体グリッドを使用することです。