bootstrap4の<td>の幅を調整したい

Question

皆様いつもお世話になっております。

Ruby on Railsの中でviewを編集しているのですが、
提示金額の「円」がどうしても改行して表示されてしまいます。
「備考」も狭く表示されてしまい、読みにくくなってしまいます。
カラムの幅をclassで広げてもtd自体の幅は変わらず、
要素にstyleで直接記述しても変化はありませんでした。

どうすれば、tdの幅を広げることが出来るでしょうか？

<div class="row">
<div class="col-md-4">
   <img class="photo1" src="/uploads/user/image/2/myface.jpg" />
</div>
<div class="col-md-4">
  <table class="table table-striped">
    <tbody>
      <tr>
         <th class="col">名称</th>
         <td>何チャラ会社</td>
      </tr>
      <tr>
        <th class="col">提示金額</th>
        <td>21,825,076円</td>
      </tr>
      <tr>
         <th class="col">所在地</th>
         <td>埼玉</td>
      </tr>
      <tr>
         <td>This is 0 the best commpany</td>
      </tr>
    </tbody>
  </table>
</div>
</div>

Comments

[yoorwm]

見た感じ、bootstrapの基本部分で理解していないのではないでしょうか？とりあえず、bootstrap グリッドシステム辺りで調べてみてください。

Answer 1

以下のように「class="col"」を取り除いたら、要素tdの幅が思った通りに広がりました。
皆様ありがとうございました！

<div class="row">
<div class="col-md-4">
   <img class="photo1" src="/uploads/user/image/2/myface.jpg" />
</div>
<div class="col-md-4">
  <table class="table table-striped">
    <tbody>
      <tr>
         <th>名称</th>
         <td>何チャラ会社</td>
      </tr>
      <tr>
        <th>提示金額</th>
        <td>21,825,076円</td>
      </tr>
      <tr>
         <th>所在地</th>
         <td>埼玉</td>
      </tr>
      <tr>
         <td>This is 0 the best commpany</td>
      </tr>
    </tbody>
  </table>
</div>
</div>