サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


00.cssフレームワークbulma用テンプレート:index.html


CSSフレームワークBulma

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

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

HTML & CSS タグリファレンス

CSSフレームワークBulma利用のためのテンプレートhtmlファイル

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>

その他のBulma用テンプレート

Bulmaサンプルページ

リンク

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/


00.cssフレームワークbulma用テンプレート/index.html.txt · 最終更新: 2022/01/23 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki