Bootstrapのhtml見本をhtml.erbで使うときの書き方変換いろいろ【超初心者】
よく忘れるので書き方
ボタンとフォームの書き方
ボタン
#html
<button type="button" class="btn btn-primary">投稿ボタン</button>
#html.erb form_withを使ってるとき
<%= f.submit '投稿ボタン', class: "btn btn-primary" %>
フォーム
#html
<div class="mb-3">
<label for="content" class="form-label">投稿内容</label>
<textarea class="form-control" id="content" rows="3" placeholder="薄くフォームに表示されるやつ"></textarea>
</div>
#html.erb form_withのフォーム
<div class="mb-3">
<%= f.label :content, "投稿内容" %>
<%= f.text_area :content, class: "form-control m-3", rows: 3, placeholder: "薄くフォームに表示されるやつ" %>
</div>
f.text_fieldだとフォームの大きさを変えられないので注意
順次忘れやすいやつを入力していきます
Author And Source
この問題について(Bootstrapのhtml見本をhtml.erbで使うときの書き方変換いろいろ【超初心者】), 我々は、より多くの情報をここで見つけました https://qiita.com/yukirisayu/items/96d7c04cf13b5829a538著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .