ユーザ用ツール

サイト用ツール


it技術:web開発:bootstrap4

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

次のリビジョン
前のリビジョン
it技術:web開発:bootstrap4 [2018/07/10 14:04] – 作成 yajuadminit技術:web開発:bootstrap4 [2018/09/19 15:30] (現在) yajuadmin
行 3: 行 3:
 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発された。\\ Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発された。\\
 前バージョンのBootstrap 3から3年の開発期間を経て、2018/01/18にBootstrap 4が正式にリリースされた。\\ 前バージョンのBootstrap 3から3年の開発期間を経て、2018/01/18にBootstrap 4が正式にリリースされた。\\
 +また、2018/04/09にはBootstrap 4.1がリリースされた。
  
   * [[https://qiita.com/suguruguruguru/items/20fe111ee5a2f694ed3e|Bootstrap 4が全然盛り上がってないから試した → 思ったより良かった]]   * [[https://qiita.com/suguruguruguru/items/20fe111ee5a2f694ed3e|Bootstrap 4が全然盛り上がってないから試した → 思ったより良かった]]
   * [[https://suguruguruguru.github.io/bootstrap4-experience/|Bootstrap4 かわいい説]]   * [[https://suguruguruguru.github.io/bootstrap4-experience/|Bootstrap4 かわいい説]]
   * [[https://www.infoq.com/jp/news/2018/02/bootstrap-4-released|Bootstrap 4がリリース、しかしその必要性に疑問も]]   * [[https://www.infoq.com/jp/news/2018/02/bootstrap-4-released|Bootstrap 4がリリース、しかしその必要性に疑問も]]
 +  * [[https://tech.speee.jp/entry/2018/05/10/113200|続・今更聞けない Bootstrap 4 のレイアウトシステム with Flexbox]]
 +
 +==== レスポンシブ ====
 +Bootstrap 4では、完全なレスポンシブ対応(Fully responsive)となり、Bootstrap 3にあった未適用オプションは提供されなくなっています。
 +
 ==== マテリアルデザイン ==== ==== マテリアルデザイン ====
 Bootstrap 4は、Googleが提唱しているデザインのガイドラインであるマテリアルデザインに準拠することを目的に作られたCSSフレームワークとなっている。  Bootstrap 4は、Googleが提唱しているデザインのガイドラインであるマテリアルデザインに準拠することを目的に作られたCSSフレームワークとなっている。 
行 28: 行 34:
   * [[https://qiita.com/tonkotsuboy_com/items/a23ef99041880a698e9f|Bootstrap 4のグリッドシステムの基本を学ぼう]]   * [[https://qiita.com/tonkotsuboy_com/items/a23ef99041880a698e9f|Bootstrap 4のグリッドシステムの基本を学ぼう]]
   * [[http://cccabinet.jpn.org/bootstrap4/layout/grid|グリッド~Bootstrap4移行ガイド]]   * [[http://cccabinet.jpn.org/bootstrap4/layout/grid|グリッド~Bootstrap4移行ガイド]]
 +
 +
 ==== フォーム部品配置 ==== ==== フォーム部品配置 ====
   * [[http://namihira.hatenablog.com/entry/2015/06/20/222057|Bootstrapでform要素内にselect要素を置くときの実装メモ]]   * [[http://namihira.hatenablog.com/entry/2015/06/20/222057|Bootstrapでform要素内にselect要素を置くときの実装メモ]]
it技術/web開発/bootstrap4.1531199090.txt.gz · 最終更新: 2018/07/10 14:04 by yajuadmin