学習74日目

テーマ

bootstrapのクラスでよく使うもの(個人的)

前提

• ruby on railsで個人開発中
• bootstrap導入済

内容

要素のテキスト位置(左右中央)を変えたい

• text-start - 左寄せ
• text-start - 中央
• text-end - 右寄せ
  (例)

  <div class="text-start" >
      このテキストは左寄せです
  </div>
  

要素を非表示にしたい

d-none

(例)

<label>
    <i class="fa-solid fa-image"></i>
    <%= form.file_field :image, accept: "image/*" , class: "d-none" %>
</label>

上記の例では、アイコンをクリックするとファイル選択画面へ遷移する。

コメント

うまく活用すればcssを殆ど記述しなくても良いので便利。
しかし、どのようなプロパティかを確認しなければ予期せぬ不具合に繋がりそうだと感じた。