Twitter Bootstrap Modal(モーダル)表示をスマホで使うと下のほうに表示されてしまう


Modal(モーダル)表示をスマホで使うと下のほうに表示されてしまう

Twitter BootstrapのModal(モーダル)

http://twitter.github.com/bootstrap/javascript.html#modals

これをスマホ(iPhone)で使うとModalで表示したものが、

画面の下のほうに表示されてしまい悩んでいたのですが、

ここに解決方法が書いてありました。

https://github.com/twitter/bootstrap/issues/2130#modal-alert

スマホの場合はclassに指定しているfadeを削除すれば、問題なく表示されるようです。

<div class="modal hide fade">
↓
<div class="modal hide">
  • このエントリーをはてなブックマークに追加

コメントをどうぞ

メールアドレスが公開されることはありません。