Bootstrap 4.0.0 alphaのフォルダ構成

先月19日にリリースされた、Bootstrap 4.0.0 alphaを早速使わせて頂きました。

中身は沢山あり、沢山あり過ぎて全部は読めないので
とりあえず、一通りhtmlファイルだけを見てデザインを確認しました。

構造ですが、直下に docs/js/scss/test-infra/grunt/dist とフォルダがあり
docsの配下、examplesフォルダに19種類のデザインテンプレートあり、
distの中にbootstrapのcssとjsが納められていました☆

今回は、docsにあったAlbumというデザインテンプレートを使わせて頂きました。

非常にシンプルなBootstrapテーマで、フォルダはdistのcssとjs,
assetsフォルダのjsファイルのみ使っています。(使わせて頂きました。)

adminArtist

背景にcssで動画を配置する

あと, 昨年から流行っていたトップページに動画を貼る手法を勉強しました。
わりとカンタンに出来ました。

導入したページ  : adminArtist

See the Pen pjgdmr by Yukyco Hamane (@yukyco) on CodePen.

 

⭐️参考にさせて頂いたサイト

CSSのみでフルスクリーンの動画背景を実装する方法