Bootstrap 3正式版がリリース。モバイルファースト、レスポンシブ、フラットデザインなどを採用

2013年8月20日

複雑なCSSを自分で書かなくてもHTMLのマークアップで簡単に美しい比率のグリッドレイアウトを構成でき、分かりやすいボタン、パンくずリスト、メニューなどのWebページを記述できるCSSフレームワーク、「Bootstrap」の最新版「Bootstrap 3」が公開されました

Bootstrap

Bootstrap 3ではモバイルファーストを意識したデザインとなり、ボタンやメニューなどはフラットデザインを採用。

公開されのは現地時間8月19日で、Bootstrapの2周年にあたる日でした。

Bootstrap 3のテンプレート例

下記はBootstrap 3ではさまざまなテンプレートがの用意されていますが、下記もそのテンプレートの1つ。

fig

それ以外にもさまざまなレイアウトパターンのテンプレートやコンポーネントが用意されています。もちろんこれらを自分でマークアップし、グリッドシステムを活用した独自のレイアウトを作ることも可能です。

fig

上で紹介したテンプレートもレスポンシブデザインになっており、画面幅を狭めるとメニューが自動的に省略され、ボタンも縦方向に並ぶように変化します。レスポンシブな表示を望まないWebサイトでは、レスポンシブ機能をオフにするオプションも用意されています。

fig
このエントリーをはてなブックマークに追加
follow us in feedly


関連タグ HTML/CSS / Web技術



タグクラウド(β版)

クラウド / AWS / Azure / Google Cloud
コンテナ / Docker / Kubernetes
クラウドネイティブ / サーバレス
クラウド障害 / 運用・監視

プログラミング言語 / 開発ツール
JavaScript / Java / .NET / WebAssembly
HTML/CSS / Web標準
アジャイル開発 / スクラム / DevOps / CI/CD
ソフトウェアテスト・品質
ローコード/ノーコード開発

データベース / RDB / NoSQL / 機械学習・AI
Oracle Database / MySQL / PostgreSQL
Office / 業務アプリケーション

ネットワーク / HTTP / QUIC / セキュリティ
OS / Windows / Linux / VMware
ハードウェア / サーバ / ストレージ

業界動向 / 働き方 / 給与・年収
編集後記 / 殿堂入り / おもしろ

全てのタグを見る

Blogger in Chief

photo of jniino

Junichi Niino(jniino)
IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。
詳しいプロフィール

Publickeyの新着情報をチェックしませんか?
Twitterで : @Publickey
Facebookで : Publickeyのページ
RSSリーダーで : Feed


最新記事10本