[B! Bootstrap] tkiyotakiのブックマーク

Bootstrap 4の使い方: 制作時のベースになるテンプレートのまとめ

先月リリースされたBootstrap 4 alphaのページ制作のベースになるシンプルなテンプレートをはじめ、グリッド、ナビゲーション、コンポーネントなどを実装する際に役立つテンプレートを紹介します。 Bootstrap 4 alpha Bootstrap 4の特徴は、下記ページを参考にしてください。 Bootstrap 4 alphaの主な特徴、IE8のサポート終了、Sassに移行、CSSの単位はremとem採用 Bootstrap 4の基本テンプレートのダウンロードベースとなるフレームワーク Bootstrap 4のナビゲーション Bootstrap 4のコンポーネント Bootstrap 4の新しい試み Bootstrap 4の基本テンプレートのダウンロードここで紹介するBootstrap 4の基本テンプレートは、公式サイトからダウンロードできます。

tkiyotaki 2015/09/04

Bootstrap

リンク

開発者に人気のCSSフレームワーク「Bootstrap」入門

本コーナーは、秀和システム発行の書籍『ASP.NET MVC 5 実践プログラミング』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。『ASP.NET MVC 5 実践プログラミング』の詳細や購入は秀和システムのサイトや目次ページをご覧ください。 8-2-5　Bootstrap Bootstrapは、Mark Otto／Jacob Thornton氏らによって開発されたCSSフレームワーク。最初の正式版が2011年リリースと比較的新しいライブラリですが、以下のような特長から開発者の耳目を集め、現在では広くさまざまなサイトで利用されるに至っています。 class属性を付与するだけで、見栄えのするデザインを作成できる（スタイルシートの理解は不要） Bootstrapに対応したテーマを豊富に提供（自作も可能）グリッドレイ

tkiyotaki 2014/12/25

Bootstrap

リンク

Diversity - Bootstrapで作られたシングルページアプリケーションテンプレート MOONGIFT

SPA（シングルページアプリケーション）が流行っています。通常のWebサイトと異なり、ランディングページやプロジェクトのトップページで使われることが多く、様々な情報を見やすく並べて表示する必要があります。 Diversityはそんなシングルページアプリケーションに最適なテンプレートです。しかもBootstrapベースとあってカスタマイズも容易そうです。 Diversityの使い方こちらはデモページ。大きな画像を使ったカルーセル。こういう機能を並べて紹介するのもよくありますよね。制作例を紹介したりするのに使えそうです。背景に写真を使ってプロダクトを紹介。こちらもカルーセル。プランごとの機能と価格紹介。プロジェクトメンバーの紹介。フッター。 DiversityはまさによくあるシングルページアプリケーションをBootstrapで表現しています。ヘッダーの各メニューをクリックする