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

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

ユーザ用ツール

サイト用ツール


サイドバー

目次

サルでもわかる機械学習

sidebar

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


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日

https://bulma.io/documentation/


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