iwhg0211
@iwhg0211 (h i)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

railsで画像を横並びに並べたいです

開発環境

ruby 3.1.2p20
Rails 6.1.7
Bootstrap v4.5.3

解決したいこと

railsでECサイトを作っており、Bootstrapを導入してレイアウトを整えているのですが、
画像が横並びになりません。
画像を並べるcolにd-flexやclearfix、flort-leftなどを記述したのですが、
画像が縦に並んでいます。
お力をお貸しいただければ幸いです。

該当のviewファイル

        ...
    <div class="row mt-5">
      <div class="col-lg-9">
        <h1>新着商品</h1>
        <% @items.each do |item| %>
        <div class="col d-flex">
        <%= link_to image_tag(item.get_item_image(100,100)), item_path(item.id), class:"d-flex" %><br />
        <%= item.name %><br />
        <%= item.price %><br />
        </div>
        <% end %>
      </div>
    </div>
   ...

解答に必要な情報があれば追加していきますのでおっしゃってください!
よろしくお願いいたします!

0

No Answers yet.

Your answer might help someone💌