CSSフレームワークBulma

BulmaはJavaScriptを用いないCSSのフレームワークです。
https://bulma.io/

https://blog.narito.ninja/detail/131
Bulmaでよく使うJavaScriptコード
2019年6月15日

https://www.osaka-kyoiku.ac.jp/~joho/html5_ref/css/css3.html?menutype=2dtaldl01l02l03A0#Properties
HTML5 & CSS3 リファレンス

https://www.tohoho-web.com/css/index.htm
CSSリファレンス（とほほのWWW入門）

Bulmaを利用したサイトのためのテンプレートファイルを以下に作りましたので、もしよろしければお使いください。

https://github.com/adash333/bulma-test

上記ファイルは、実際は以下のような表示となります。

https://adash333.github.io/javascript-test/bulma-template.html

なぜかはよく分からないのですが、CSSフレームワークBulmaを用いる場合は、以下のように、最初にsection class=“section”とdiv class=“container”で囲んでおくと、思ったようなデザインにできることが多いです。

<section class="section">
  <div class="container">
    <!-- ここにコンテンツを記載 -->
  </div>
</section>

https://github.com/adash333/bulma-test

CodeSandboxのVueでBulma利用

01.ボタンButtonとカラムColumns

02.題名(ヒーロー、Hero)

03.ヘッダーNavbarとフッターFooter

04.フォームForm

bulmaで画像

テーブル

パネル

https://bulma.io/documentation/components/panel/

AngularでBulmaを利用する

https://misc.laboradian.com/bulma/sample1/
Bulma sample

https://dansup.github.io/bulma-templates/

https://saruwakakun.com/html-css/basic/css
初心者向けCSS（スタイルシート）入門：基本的な書き方を総まとめ！
2017/07/1

http://skill-up-engineering.com/2018/05/03/bulmaフレームワークに関して/
bulmaフレームワークに関して
投稿日：2018年5月3日

http://cidermitaina.hatenablog.com/entry/2018/05/28/030514
Vue.js + Vue-cli + bulmaで作るSPA

https://bulma.io/documentation/