1

だから私は Bootstrap 3 を使用して Web サイトに取り組んでいます。私は現在、水平方向のフォームに取り組んでいます。Bootstrap のドキュメントで提供されているコードを使用しました。

<form class="form-horizontal" role="form">
    <div class="form-group">
    <label for="inputEmail1" class="col-lg-2 control-label">Email</label>
    <div class="col-lg-10">
    <input type="email" class="form-control" id="inputEmail1" placeholder="Email">
    </div>
    </div>
<div class="form-group">
<label for="inputPassword1" class="col-lg-2 control-label">Password</label>
<div class="col-lg-10">
  <input type="password" class="form-control" id="inputPassword1" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
  <div class="checkbox">
    <label>
      <input type="checkbox"> Remember me
    </label>
  </div>
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
  <button type="submit" class="btn btn-default">Sign in</button>
</div>
</div>
</form>

そして、IE8 では正しく表示されないことに気付きました。ドキュメントの URL にアクセスしても、次のようになります。

http://getbootstrap.com/css/#forms-horizo​​ntal

IE8では正しく表示されません。

ここに画像の説明を入力

フォームを IE8 で動作させるには、特定の形式でフォームを作成する必要がありますか?

ありがとう！

4

1 に答える 1

1

こちらの説明をご覧ください: Twitter Bootstrap 3 での IE8 の問題

IE8 でメディア クエリを処理するには、respond.js をサイトに追加する必要があります。https://github.com/scottjehl/Respond

詳細はこちら: http://getbootstrap.com/getting-started/#browsers

于 2013-10-17T19:16:30.637 に答える