railsの投稿をBootstrapを使って横並びに表示したいです。

前提・実現したいこと

プログラミング初心者です。
現在railsで開発を行っており、投稿機能を実装しています。
そこで、投稿一覧画面にて、投稿を横並びにしたいと考えています。
Bootstrapのグリットシステムを使い横並びにしているのですが、横並びになりません。
以下の画像のようにつながって、縦並びになってしまいます。
横並びにする方法を教えてください。よろしくお願いします。

Bootstrap利用法

application.html.erbに以下のコードを記入してBootstrapを使ってます。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

該当のソースコード

rails
1<h3 class="py-4 text-center">～投稿一覧～</h3>
2<!---- card ---->
3<div class="container-fluid padding mx-4 bg-light py-4">
4<div class="columns is-multiline">
5  <div class="row padding">
6     <div class="col-md-3">
7			<div class="card">
8     <% @posts.each do |t| %>
9          <%= image_tag t.image_url, class: "card-img top" %>
10          <div class="card-body">
11          <div class="card-title text-center">
12           <%= t.title %>
13           <hr>
14          </div>
15          <div class="card-name">
16          <%= t.name %>
17          </div>
18          <div class="card-text">
19          <%= t.body %>
20          </div>
21          <div class="card-tag">
22          <%= t.tag %>
23          </div>
24           <%= link_to "詳細", post_path(t.id), class: "btn btn-outline-secondary mt-2" %>
25      </div>
26    <% end %> 
27  </div>
28  </div>
29</div>
30<!-----card end ----->