Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点のまとめ | コリス

2016/03/17 412 users コリス Bootstrap Flexbox class 単位

Bootstrap 4ではそのインストール方法をはじめ、グリッドの単位やレスポンシブ用のclassが変わり、そしてカードやツールチップなどの新しいコンポーネントやレイアウトにFlexboxも利用できるようになりました。 Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点をまとめたリストを紹介します。 How to Migrate from Bootstrap ... 続きを読む

Bootstrap 3でレスポンシブ対応のwebページをつくろう！グリッドシステムの基本な使い方 | コリス

2015/06/17 269 users グリッドシステム コリス Bootstrap class 多く

Bootstrapはここ数年人気が非常に高く、多くのWebデザイナー・制作者がレスポンシブ対応のWebサイトを作るための本当に便利なツールです。使いやすいclassを備えたモジュール式のフレームワークで、カスタマイズ性にも非常に優れています。 Bootstrapのファイルのダウンロードからファイルのセットアップ、グリッドシステムの基本的な使い方を解説した記事を紹介します。 Installing B... 続きを読む

Bootstrap 3でモニタ用的なテンプレートを作ってみた 2 - rcmdnk’s blog

2014/12/02 9 users rcmdnk’s blog テンプレート モニタ タイミング

02 Dec 2014 12:00 pm Posted in Computer Tagged as Bootstrap Bootstrap 3でモニタ用的なテンプレートを作ってみた 2 Tweet Pocket Tumblr Bootstrap 3でモニタ用的なテンプレートを作ってみた に引き続き、今度は実際に作ってみたものの紹介。 実際に作ってみた物 collapseするタイミングを変更する f... 続きを読む

Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit | コリス

2014/10/27 365 users コリス psd GitH Bootstrap エレメント

BootstrapのさまざまなエレメントがかわいくフラットにデザインされたUI素材を紹介します。 Drunken Parrot UI Kit Lite (free) Druken Parrot UI Kit -GitHu...記事の続きを読む 続きを読む

Bootstrap 3 学習ノート - Qiita

2014/06/30 445 users Qiita Jade 体裁 隅々 学習ノート

(2014-06-09 ... 18) Bootstrap 3の学習記録ノートです。 できるだけ手を抜かず隅々まできちんと調査し、コードはほぼ全て実際に試して確認しました。 元々公開を意図したものではありませんが、ここまで詳細に調べた資料はそうはないと思いますので最低限の体裁を整えて公開します。みなさんのお役に立てば幸いです。 なおHTML部分はほぼ全てjadeで記述しています。jadeを知らない... 続きを読む

Bootstrap 3のベクターデータUIキット・「Bootstrap 3 UI Kit」 - かちびと.net

2014/02/24 8 users ベクターデータ net netPR Boo コンポーネント

Bootstrap 3 UI Kit Bootstrap 3 UI KitはBootstrap 3のUIキットです。ベクターデータで配布されています。コンポーネントやアイコン、テーブル等が揃っています。サンプル画像もありますのでチェックしてみては以下がでしょうか。 Bootstrap 3 UI Kit Post by かちびと.netPR:WPデザインギャラリーWordPressの管理画面をBoo... 続きを読む

これはスゴ過ぎ！Bootstrap 3のインターフェイスの全てを再現したPSD素材 -Bootstrap 3 PSD | コリス

2013/09/04 105 users psd コリス モック インターフェイス Photoshop

Bootstrap 3の全ての要素を忠実に再現したPhotoshop用のPSD素材を紹介します。 下記は縮小12.5%の状態です。 Bootstrap 3 PSD ダウンロードできる素材のフォーマットはPSDで、なんと1ファイル！ｗ サイズが5150x5299と超解像度です。 Photoshopで開くと、こんな感じに。 メモリがやばい 各エレメントは忠実に再現されており、これを元にプレゼンやモック... 続きを読む

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

2013/08/20 90 users Publickey グリッドレイアウト Bootstrap

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

Bootstrap 3(2.xも)を活用する時に役立つリソースのまとめ | コリス

2013/08/06 321 users コリス スマプ Bootstrap インターフェイス リソース

Bootstrapは先日リリースされたBootstrap 3rc1で、モバイルファーストのフロンドエンド用のフレームワークに生まれ変わりました。2.xまでは、デスクトップ用のブラウザを想定したインターフェイスのコンポーネントを核にしていました。 Bootstrapをカスタマイズしたり、もっと活用するためのリソースを紹介します。 まずは、本家のBootstrapから。 Bootstrap 3 スマフ... 続きを読む