Task

Rails + Boostrap does not apply form-control to date_select

`erb:_form.html.erb`


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

スクリーンショット 2021-01-12 8.53.42.png

Conclusion

It is applied in the following writing style.

`erb:_form.html.erb`


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

スクリーンショット 2021-01-12 8.56.37.png

By the way, if you skip this style:'display: inline-block; width: auto ;, the display will be unexpectedly dull.

スクリーンショット 2021-01-12 8.58.41.png

I made a note again because the beginners stumbled on it. The following article, including the technical background, is the complete answer version. Thank you to our past ancestors.

Reference information

Make Rails date_select feel good with Bootstrap https://qiita.com/t_oginogin/items/519fb52e1708e26a8b73

Recommended Posts

[Rails] Bootstrap form-control does not apply to date_select

Introducing Bootstrap to Rails 5

Introducing Bootstrap to Rails !!

How to deploy Bootstrap on Rails

[Rails] What to do when rails s does not respond or does not stop

[Rails] Video does not play with video_tag

JavaScript (vanilla) does not respond in Rails.

[Rails] [Memo] When to add = to <%%> and when not

What to do when rails db: seed does not reflect in the database

Ruby's "1101" .to_i (2) does not convert decimal numbers to decimal numbers.

Apply Twitter Bootstrap 4 to Spring Boot 2 using Webjars

[Rails] Added in devise: username not added to database

[Ruby on Rails] How to install Bootstrap in Rails

Automatically apply bootstrap style to devise view files

What to do if the update does not take effect after deploying Rails AWS

Rails Bootstrap introduced

Bundle install with docker + rails6 does not reflect gem

When the server does not start with rails s

What to do when Rails on Docker does not reflect controller changes in the browser