kuroの覚え書き

96の個人的覚え書き

Bootstap的画面構成であちこち統一する

ファイルアップロードボタン周りの統一感がほしい。
https://qiita.com/nakapython/items/46d44793827920282f75
ここを参考に。

また、WTFーFlaskのhtmlの書き方は簡単に書くなら

<h3>Edit</h3>
<form class="form form-group form-group-sm" method="post" role="form">

  {{ wtf.form_field(form.edit) }}
  {{ wtf.form_field(form.colum) }}
  {{ wtf.form_field(form.samp) }}
  {{ wtf.form_field(form.value) }}
  <br>
  {{ wtf.form_field(form.submit, class='btn btn-danger') }}
</form>

こういう感じに書くのだけれど

<form class="form form-group form-group-sm" method="post" role="form">

  {{ form.edit }} {{ form.edit.label }}
  <br>
  {{ form.colum.label }}
  <br>
  {{ form.colum }}
  <br>
  {{ form.samp.label }}
  <br>
  {{ form.samp }}
  <br>
  {{ form.value.label }}
  <br>
  {{ form.value }}
  <br>
  {{ wtf.form_field(form.submit2, class='btn btn-danger') }}
</form>

こういう書き方が一番シンプルな表現となり、その上でBootstrap的な表示を個別に指定してやるという手もある。

チェックボックスのスタイルがそっけないので、これをiOSちっくなスライドスイッチにしてやりたいところ。