Bootstrapでoffcanvasメニューを作る方法
offcanvasとは、主にスマートフォンなどのモバイルデバイスでwebサイトにアクセスした際に使えるメニュー機能のこと。Bootstrapのコンポーネントではドロップダウンナビが用意されてますが、実はoffcanvasを使うこともできます。 Bootstrapを使ったoffcanvasの作り方 Bootstrapのソースコードをダウンロード Bootstrapのダウンロードは必要なものだけがまとめられたファイルと、開発用ファイルも含まれるソースコードダウンロードがあります。offcanvasのコードはそちらに用意されているので、ここではソースコードをダウンロードします。 Bootstrapのソースコード offcanvasのサンプルコードをチェック Bootstrapのソースコードをダウンロードして解凍したら、docs -> examples を開いてみます。その中にあるoffcanva
Bootstrap3 レスポンシブを使わず固定幅で使う方法
Bootstrap3が公開されてしばらくたちますね。2.*のときはレスポンシブと固定幅レイアウトのCSSファイルが別れていたため、簡単に切り替えることができました。が、3になってからは一緒になったので、デフォルトでは全てレスポンシブになってしまいます。 ここではBootstrap3のグリッドシステムだけ使いたくて、レスポンシブにしたくない場合の設定方法を紹介します。 1.meta要素のviewportを削除する /* 以下を削除する */ <meta name="viewport" content="width=device-width, initial-scale=1.0"> 2.containerクラスを以下で上書き .container { max-width: none !important; width: 970px; } 3.navbarを使っているときは崩れるのを避けるため以
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
