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を使っているときは崩れるのを避けるため以
ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個 | A40
レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。 そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも「Bootstrap」は、多彩な機能を備え、その使いやすさから広く知られています。 そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた「Responsive Web Design JP」から、Bootstrapを使って作られたサイトをご紹介したいと思います。 whiteSTOUT フォトクリエイティブを中心としたマネージメントオフィスのサイトです。トップに大きな画像を使い、洗練されたイメージとなっています。 AGATHA E-SHOP アクセサリーブランド「AGATHA」のECサイトです。有名ブランドの、しかもECサイトにもBootstrapが使われています。 ACTUS online こちらは有名イン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
