2014年09月29日

Bootstrap2.3からBootstrap3へのバージョンアップに伴ってチェックボックスを修正

前回、フォーム部分を修整したのですがチェックボックスの部分がブラウザのサイズを小さくするとチェックボックスの部分が隠れてしまってうまく表示されないという問題が発覚しました。
オンラインサイトのマニュアルを見ると記述の仕方が2.3と3.2で微妙に変わっていました。

・"control-group"と"controls"の部分は分かっていたのですが、<label class="checkbox">の部分も変更する必要がありました。

オンラインサイトの設定例どおりに設定したところ正常に表示されるようになりました

(v2.3での記述方法)

<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
</div>
</div>

(v3.2での記述方法)
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"> Remember me
</label>
</div>
</div>
</div>

posted by ホノデザイン at 11:52| Comment(0) | ブートストラップ | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: