ruby on rails(ruby)のBootStrapで要素が横並びにならない。

前提・実現したいこと

Bootstrapでレスポンシブデザインにしようとしたのですが、要素が横並びにならないので困っています。
部分テンプレートの横にindex.html.erbのUsersの中身を表示させたいです。
現在の所、部分テンプレートの下に表示されてしまいます。
原因は何でしょうか。
※colのブレークポイントを編集してみましたが、変わりませんでした

該当のソースコード

indexhtmlerb
1<div class='container px-5 px-sm-0'>
2  <div class='row'>
3    <div class='col-md-3'>
4      <%= render 'common/user_info', user: @user %>
5      <%= render 'common/new_book' %>
6    </div>
7
8    <div class='col-md-8 offset-md-1'>
9      <h2>Users</h2>
10      <table class='tab
11      le table-hover table-inverse'>
12        <thead>
13          <tr>
14            <th>image</th>
15            <th>name</th>
16            <th></th>
17            <th colspan="3"></th>
18          </tr>
19        </thead>
20        <tbody>
21          <% @users.each do |user| %>
22          <tr>
23            <td>
24              <%= attachment_image_tag @user, :profile_image, :fill, 60, 60, fallback: "no_image.jpg"%>
25            </td>
26            <td><%= user.name %></td>
27            <td><%= link_to "Show", user_path(user.id) %></td>
28          </tr>
29          <% end %>
30        </tbody>
31      </table>
32    </div>
33  </div>
34</div>