ブートストラップ4 - 静的な幅と折り返しなしの列を維持する

Question

このレイアウトを動作させようとしています：ブラウザのサイズを変更してラップしないと列が一定の幅を保ちます。代わりに、水平スクロールバーがmin幅。私のコード：

<div class="card card-outline-primary" style="min-width:500px"> 
<div class="card-block container-fixed"> 
    <form class="row"> 
     <div class="col-4" style="border:solid;border-color:red;border-width:5px;min-width:250px"> 
      <label for="visualTheme" class="control-label">1234</label> 
      <div> 
       <input class="form-control" style="height:30px;width:200px" id="visualTheme" /> 
      </div> 
     </div> 
     <div class="col-4" style="border:solid;border-color:blue;border-width:5px;min-width:250px"> 
      <label class="control-label">5678</label> 
      <div> 
       <input class="form-control" style="height:30px;width:200px" id="startingScreen" /> 
      </div> 
     </div> 
     <div class="col-4" style="border:solid;border-color:green;border-width:5px;min-width:250px"> 

     </div> 
    </form> 
</div> 

とフィドル： Fiddle

私は、彼らがラップの列に分幅を使用している場合。

ありがとうございました。

Answer 1

<form class="row flex-nowrap"></form> 

..行の flex-nowrapクラスを使用