rails Viewで各項目の自動改行を改善するには？

Question

環境
rails5、slim、bootstrap4

Railsで、index.html.samlに明細を一覧表示しています。
下図のように、タイトル名称が自動で縦になったり、値が任意の位置で自動で改行したりします。
例）「事業」は横並びであるが、「機場」、「削除」は縦並びに自動でなってしまいます。

何故、このような現象が起こるのでしょうか。全ての項目を横並びにするにはどのようにすればいいものでしょうか。
アドバイスをお願いいたします。

このようなコードを書いています。タイトル名称は、ロケール（ja.yml）から取得しています。

table.table.table-hover
    thead.thead-default
        tr
            th = Task.human_attribute_name(:id)
            th = Task.human_attribute_name(:dantai_kbn)
            th = Task.human_attribute_name(:enduser_nm)
			
			以下略

    tbody
        - @tasks.each do |task|
            tr
                td = link_to task.id, task
                td = task.dantai_kbn == 1 ? '自治体' : '民　間'
                td = task.enduser_nm
				
				以下略

全体表示

Answer 1

何故、このような現象が起こるのでしょうか。

全部を横並びで表示するには幅が足りないからです。

Comments

[maisumakun]

どのようなレイアウトにしたいのでしょうか。方策はいくつも考えられます。

・ある列は折り返してもいいから、別な列は折り返さないようにする
・長すぎる内容を省略表示
・全体を縮小して表示
・横スクロールを許容して折り返しなく表示

[pyon_kiti_jp]

ご回答ありがとうございます。
上記の質問内容に、画面の全体表示を追加しましたので、ご参照願います。
画面全体の左右の余白が大きいため、余白を狭めて、明細を長く表示できればと思います。

[maisumakun]

Bootstrap自体が全体の幅を制限しています。

[maisumakun]

Bootstrap4の場合、外側の.containerを.container-fluidに変えれば、全幅を取れるようになります。

[pyon_kiti_jp]

ご回答ありがとうございます。
.containerを、.container-fluidに変更すると、確かに、全幅が取れるようになりました。贅沢をいうようで申し訳ございませんが、.container-fluidにしても、心持ち左右の余白を付けたい場合は、どのようにすればいいのかご教示頂けませんでしょうか。恐らく、CSSを活用するものと予測されますが。