CSS3
bootstrap4

bootstrap v4 アルファなベータ

More than 1 year has passed since last update.

bootstrap v4

現在(2017.10.24時点)で
bootstrap v4 4.0.0.beta2がダウンロードできます。

結論

おいおい。
demoサイトは、アルファ(4.0.0 alpha)なのに、ダウンロードは 4.0.0.beta2やんけ~
まぁ細かいので放っておきましょう。

気をつけること

alphaとbeta

demoサイトで、色々見て、ソースそコペピして表示させてみると、デモサイトと同様の表示にならないことがちらほら。
cssを見ると、alphaのdemoサイトで使われているclassが、betaのbootstrap.cssに無いやんけ~

  • tooltip
  • offset
  • などなど

ダウンロードしたcssをマンマ使ったからかな・・・。
scssを活用するなら、話は違うのかも。

デロリアン

xs関連のクラスが幾つかなくなってる。
どうやら思想が変わったのか、時代の流れなのか。

デロリアンで来る前
PC画面を表示して、スマホ用に表示をレスポンシブしてた

デロリアンで来た後
スマホが標準で、それを拡げたらどうなるかを考えながらレスポンシブする

みたいな感じですわ。

xsだよ、xs。重宝してたのに。

@media (min-width: 576px)
sm扱い
@media (min-width: 768px)
 md扱い
@media (min-width: 992px)
 lg扱い
@media (min-width: 1200px)
 xl扱い

※ デロリアン
伝説のタイムマシンですわ。