Bootstrap4の勉強

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

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

タグ: diary

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


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

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


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


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


auther: dictoss

地元の北海道から流れて大阪へ行き、現在は東京でお仕事中。 仕事ではCentOS、家ではDebianとFreeBSDを使い何かしようと画策中。

github.com

© 2005-2024 dictoss.

counter: 485340