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

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

===== ボタンButtonとカラムColumns =====

カラムColumnsnいついての公式リンク

https://bulma.io/documentation/columns/responsiveness/

https://bulma.io/documentation/columns/options/


==== カラムcolumnテンプレート（1） ====

div=class sectionで囲み、columnとnotificationを利用すると、以下のような表示になります。

ソースコード

<html>
<script src="https://gist-it.appspot.com/github/adash333/bulma-test/blob/master/column.html"></script>
</html>

表示

https://adash333.github.io/bulma-test/column.html

パソコンでの表示
{{:00.cssフレームワークbulma用テンプレート:pasted:20181213-122447.png}}

スマホでの表示
{{:00.cssフレームワークbulma用テンプレート:pasted:20181213-122501.png}}

==== ボタンbuttonテンプレート ====

作成中


<html>
<script src="https://gist-it.appspot.com/github/adash333/bulma-test/blob/master/index2.html"></script>
</html>
表示

https://adash333.github.io/bulma-test/index2.html

パソコンでの表示


スマホでの表示

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

ユーザ用ツール

サイト用ツール

ページ用ツール