부트 스트랩 4 - 정적 너비와 줄 바꿈이없는 열 유지

Question

이 레이아웃을 작동 시키려고합니다. 브라우저 크기를 조정할 때 열이 일정하게 유지되고 줄 바꿈되지 않습니다. 대신 가로 스크롤 막대가 분에 도달하자마자 나타납니다 폭. 내 코드 :

<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

에 .. 행에 flex-nowrap 클래스를 사용

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