レスポンシブデザインなウェブサイトの場合、スマホだけでなくタブレットに対応させることも多いです。 CSSフレームワークのBootstrapを使って、ナビゲーション(navbar)を導入する場合、すこし細工が必要。Bootstrapのデフォルトだと、iPadでnavbarがcollapseしてくれません。メニュー項目が多くなってくると、collapseしてくれないとレイアウト崩れが起きたりもしますよね。 iPadでBootstrapのnavbarをcollapseさせるには、CSSに下記のコードを追加すればOKです。 /* navbar collapse for iPad (bootstrap) */ @media (max-width: 991px) { .navbar-header { float: none; } .navbar-toggle { display: block; } .