railsのviewにおいてbootstrap4を使いcardをレスポンシブ対応にさせたかったができない

Question

railsのviewにおいてbootstrap4とrubyのeach文を使い、cardを下の写真のように表示させたかったのですが
できませんでした。

viewにおけるコードは下の通りです。

<div class="row"> <div class="col-sm-4"> <% @memos.each do |memo| %> <div class="card text-white bg-warning mb-3"> <div class="card-body"> <h5 class="card-title"><%= memo.title %></h5> <p class="card-text"><%= memo.body %></p> </div> </div> <% end %> </div> </div>

実行するとcardに改行が入ってしまいます。
何が原因なのでしょうか？
よろしくお願いします。

Comments

[no1knows]

> 実行するとcardに改行が入ってしまいます。
をもう少し詳しく説明してもらえると回答がつきやすくなるかもしれません。

Answer 1

bootstrap4から3にすることで解決できました。