[Rails]date_selectにBootstrapのform-controlが適用されない

2202 ワード

form Rails6 Rails Bootstrap Ruby Ruby テキストリンク

課題

Rails + Boostrap でdate_selectにform-controlが適用されない

_form.html.erb

<%= form.date_select :date, class: "form-control" %>

結論

以下のような書き方で適用されます。

_form.html.erb

<%= form.date_select :date, {}, {class: 'form-control', style: 'display: inline-block;width: auto;'} %>

ちなみにこの style: 'display: inline-block;width: auto; をサボると想定外にダッさい表示になります。

地味に初学者が躓くので再度メモしました。
技術背景も含めて以下記事が完全回答版です。
過去の先人たちに感謝いたします。

参考情報

Rails date_selectをBootstrapを使っていい感じにする
https://qiita.com/t_oginogin/items/519fb52e1708e26a8b73

Author And Source

この問題について([Rails]date_selectにBootstrapのform-controlが適用されない), 我々は、より多くの情報をここで見つけました https://qiita.com/hiromiya0628/items/8ed66213325f63fd84af

著者帰属：元の著者の情報は、元の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 .