🌈

【Rails】Bootstrapまとめ

2023/08/04に公開

自分が今まで使ってるものを忘れないようにまとめてます。
随時増えていきます。

プルダウン

<%= f.select :post_status, Post.post_statuses.keys.map{ |k| [t("enums.post.status.#{k}"),k]}, {}, {class: "custom-select "} %>


{class: "custom-select"} を加える
class: "custom-select w-数字で横幅のサイズを変えれる

表からボーダー消したいとき

<table class="table table-boederless">

table-borderlessを加える

表にボーダー入れる

<table class="table" >

入力フォームを整える

<%= f.text_area :introduction, placeholder:"ここに説明文を記述します", class:"form-control" %>

class:"form-control"を加える

ボタンの色を変える

https://getbootstrap.jp/docs/5.0/components/buttons/

丸いボタン

rounded-circle

Discussion