Bootstrap4の勉強

最終更新日時:2018-03-16 21:05

初版公開日時:2018-03-16 21:05

CSSフレームワークである、Bootstrap 4を触ってみました。

このサイトはBootstrap 3で作ってあり、一度Bootstrap 4へアップグレードを試みましたがレイアウトが崩れるのでいったん仕切り直しにしていました。少し時間が取れたので、Bootstrap 4 を一から試してみて、感覚をつかんでみました。

• https://dictoss.github.io/test-css-framework/bootstrap4/

• https://github.com/dictoss/test-css-framework

以前のチャレンジではナビバーが崩れてしまい、ナニコレー状態だったのですが、記法が変わっていてドキュメントの例を元に一から組んでみたのが上記のコードです。

これを元に、このサイトをBootstrap 4にアップグレードしてみました。見た目が少し変わっていて、jquery-3系になっています。（jqueryの処理はほとんどないけど）

Bootstrap 4では見た目が今までと変わったものを作れるようですので、いろいろ試してみたいと思います。また、他のCSSフレームワークも少し試していきたいです。