More than 3 years have passed since last update.

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

Last updated at 2021-01-12Posted at 2021-01-12

#課題
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