부트 스트랩 옵션을 선택 내가 왜 모르는 입력

보다 넓은하지만 선택은 sooo를 크고에서 scrren의 크기를 1024 x 768 옵션을 선택 제. 이 옵션을 선택과 같은 폭으로 만들려면 어떻게해야합니까? 부트 스트랩 4에서만이 작업을 수행하고 부트 스트랩의 클래스 만 사용하고 싶습니다. 그러나이 작업이 가능한 이유는 모르겠지만 가능하지 않습니다. 큰 화면 크기에서는 모든 것이 좋습니다. 어떻게 고칠 수 있습니까? 여기 내 코드입니다 :

<div class="row"> 
     <div class="col-sm-6" style="border: 1px solid black"> 
      <span class="font-weight-bold">Data</span> 
       <form role="form"> 
        <div class="form-group"> 
        <label class="control-label">Choose</label> 
        <select class="form-control" name="docType"> 
         <option value="paragon">Test1</option> 
         <option value="complaint">Test2</option> 
        </select> 
        </div> 
        <div class="form-group"> 
         <label for="docNo">Data</label> 
         <input type="text" class="form-control" id="docNo"> 
        </div> 
        <div class="form-group"> 
         <label for="docDate">Data</label> 
         <input type="text" class="form-control" id="docDate"> 
        </div> 
       </form> 
     </div> 
     <div class="col-sm-6"> 
     Test    
     </div> 
    </div>

출처

2017-09-26 wenus

다른 스타일 파일을 사용하고 있습니까? 귀하의 코드와 참조 부트 스트랩과 바이올린을 만들었고 괜찮아 보이는가, 나는 어떤 문제가 나타납니다. "선택의 옵션이 너무 큽니다"라는 것이 정확히 무엇을 의미합니까? 정말로 필요한게 뭐야? https://jsfiddle.net/bocanegra_carlos/wt1nLnhs/ – bocanegra

참조하는 파일은 무엇입니까? 부트 스트랩에서 제안한 모든 참조를 사용하고 있습니까? https://v4-alpha.getbootstrap.com/getting-started/introduction/#starter-template – bocanegra

내가 일하는 특정 화면 크기에 문제가있는 부분을 편집했습니다. 네, 부트 스트랩 4를 사용합니다.이 선택 옵션은 너무 광범위합니다. – wenus

정적 픽셀 크기로 옵션을 강제하는 대신 부트 스트랩의 폭 그냥 자동으로 허용하고 당신의 CSS에서 뭔가를해야합니까?

출처

2017-09-26 15:21:07 Harley

나는 그렇게 생각하지 않습니다. 이것은 부트 스트랩 4를 처음 사용하는 것이고 내 프로젝트에서는 select를 사용하지 않는 것이 아무것도 아닙니다. – wenus

일반적으로 옵션 태그는 부트 스트랩을 사용하는 경우에도 큰 옵션을 표시하지 않지만 HTML의 모든 양식 요소에 다음 CSS 코드를 사용하여 너비를 조정할 수 있습니다.

.form-control 
    { 
    width:90%; 
    }

출처

2017-09-26 16:45:10 Steeve

부트 스트랩 옵션을 선택 내가 왜 모르는 입력

답변

관련 문제