부트 스트랩 입력 100 % 너비가 작동하지 않습니다.

부트 스트랩에 익숙해지기 위해 테스트 프로젝트를 만들고 있지만 입력 크기에 문제가 있습니다.부트 스트랩 입력 100 % 너비가 작동하지 않습니다.

div 태그 안에 간단한 텍스트 입력 개체를 넣었고이 개체의 너비는 자동으로 100 % 너비로 설정되었습니다. 그러나 div는 브라우저 크기에 따라 절반 또는 전체 화면 너비로 표시되도록 설정되었지만 텍스트 상자의 너비가 약 280 픽셀을 넘지 않아도 표시 할 수 있습니다. 행복하게 그것보다 작을 것이지만 결코 더 넓지는 않을 것입니다.

이 상자의 부모 개체가 올바른 너비인지 확인했지만 어떤 이유로 상자에 채울 수 없습니다. 왜 이런 일이 일어날 지 아는 사람이 있습니까? 내가 사용하고 코드는 다음과 같습니다 :

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<div class="row"> 
 
    <div class="col-xs-12 col-md-6"> 
 
    <div class="form-group"> 
 
     <label for="txt_Address1">Address 1</label> 
 
     <input type="text" class="form-control" id="txt_Address1" /> 
 
    </div> 
 
    </div> 
 
</div>

감사

저도 같은 문제로 실행

출처

2016-06-07 James Peel

이것을'jsfiddle'에서 복제 할 수 있습니까? –

추가 css 코드를 게시 해주십시오. 여기에 바이올린이 있습니다 : https://jsfiddle.net/oumt8u1q 그리고 잘 작동합니다. –

지금까지 표준 부트 스트랩 CSS를 사용하고 있습니다. 아직 수정하지 않았습니다. 난 그냥 jsfiddle 그것을 시도하고 예상대로 작동하지만 내 로컬 프로젝트에서 아닙니다. 여기에 저장했습니다. https://jsfiddle.net/s3LtLetp/ –

, 나는 IE의 개발자 도구를 사용하고 site.css이 있었다 :

을

/* Set width on the form input elements since they're 100% wide by default */ 
input, 
select, 
textarea { 
    max-width: 280px; 
}

일단 제거하면 100 % 감소합니다. 나에게 Visual Studio는 기본적으로 웹 사이트 프로젝트를 만들어 Site.css에 넣습니다.

출처

2016-08-18 17:42:26

부트 스트랩 입력 100 % 너비가 작동하지 않습니다.

답변

관련 문제