Bootstrapをカスタマイズする上で必ず知っておきたい考え方
最近Bootstrapを使う機会が増えたので、カスタマイズする上で知っておきたい考え方を紹介します。 今回は特にCSSについてのお話です。 Bootstrapのカスタマイズパターン 現状、CSSのカスタマイズ方法として考えられるパターンが3つあります。 梅パターン すでに用意されているスタイル・コンポーネントをそのまま使う方法。 定義済みの スタイル や コンポーネント の組み合わせにより、ページを作成します。配置するのみ。 見た目のカスタマイズができないので、簡素でオリジナリティの無いデザインになります。 ザ・Bootstrap。 竹パターン すでに用意されているスタイル・コンポーネントをカスタマイズして使う方法。 定義済みのCSSを継承（上書き）して、元のデザインを変更します。 少ない作業で効率的にコーディングができます。 松パターン すでに用意されているスタイル・コンポーネントをカス
今年の夏こそ！スリムなNavbarでモテかわウェブサービスに - New-Village
Bootstrap3のNavbarを使うとヘッダー領域が50px確保されます。 しかし、野暮ったい…。どのサイトを見ても、ページロゴとメニューとユーザー管理機能くらしか置いていないんだし、夏のビーチのお姉ちゃんのように、Navbarはキュッと締まっていた方がいいと思うんだ。 気になったので、手短なサイトのヘッダーを調べてみると、やっぱりヘッダーの高さは50pxより低く設定されている。 Hatena Blogのヘッダーは37px JIRA/Bitbucketは40px StackOverflowは32px（これは流石にやりすぎな気がスル） Facebookは42px ちなみに、ヘッダーが50pxより高くされているサイトもある。検索と閲覧が中心で、あまり画面内でコメントを書いたりしないサイトが多いようだ。 Githubは60px Googleも60px RubyGemsは75px 閑話休題。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
