Twitter Bootstrapで固定ナビゲーション - CMS専門 Web開発者ブログ
Twitter謹製CSSフレームワーク『Bootstrap』を使って固定ナビゲーションを作ってみます。 簡単なカスタマイズのメモです。 Bootstrap, from Twitterとは？ Twitter（ツイッター）社が提供しているBootstrap（ブートストラップ）はCSSのフレームワークです。 CSSを読み込むだけで簡単に使えます。 使い方はdiv要素などにclassを指定するだけです。 Bootstrap, from Twitter グローバルナビゲーションを固定にする ページの上部にあるナビゲーションを固定ナビゲーションにします。 スクロールしても同じ場所にあり続けます。 常にページ内の同じ位置にあり続けますのですぐにアクセスできます。 １．基本 body要素のすぐ下に次のようにコードを書きます。 <body> <div class="navber navbar-fi
#328 Twitter Bootstrap Basics - RailsCasts
Twitter Bootstrapを使えば、美しいWebアプリケーションをすばやく作成することができます。レイアウト、ナビゲーション、フォーム、その他を作成するための多くの種類のCSSとJavaScriptを提供し、レスポンシブ・ウェブデザインもサポートしています。例として、ホームページにアクセスしてブラウザウィンドウの幅を変えると、ページレイアウトはその幅にもっとも適した形に変化します。これによってモバイルデバイスでウェブアプリケーションを利用するときの使い勝手が大きく改善されます。 Twitter Bootstrapのウェブサイトをいろいろ見てその機能をすべて理解することをお勧めしますが、今回のエピソードでは特にRailsアプリケーションと一緒に利用する方法を紹介します。一つの選択肢としては、“Download Bootstrap”ボタンをクリックして静的なCSSとJavaScript
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter bootstrap入門 #twtr_hack
