Bootstrap 4 - 保留具有靜態寬度和沒有包裝的列

我試圖讓這個佈局工作：當我調整瀏覽器的大小時，列保持不變的寬度，並且它們不包裹 - 而是一旦水平滾動條到達min寬度。我的代碼：Bootstrap 4 - 保留具有靜態寬度和沒有包裝的列

<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

如果我使用最小寬度爲列，他們換行。

感謝您的幫助。

來源

2017-04-19 Mark

使用flex-nowrap類的行..

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

來源

2017-04-20 14:42:38 ZimSystem

Bootstrap 4 - 保留具有靜態寬度和沒有包裝的列

回答

相關問題