부트 스트랩 텍스트 영역 너비가 조정되지 않음

Question

다음 페이지가 있는데 나머지 너비를 차지하도록 텍스트 영역 너비를 원하지만 너비 스타일이 크기를 전혀 변경하지 않고 그 이유를 모르겠습니다. txtChatMsg textarea 너비 스타일을 아무것도 변경하지 않으면 시각적으로 바뀌지 않습니다.

<div class="container-fluid"> 
    <div class="row" style="margin-top: 10px; background-color: aqua;"> 
     <div id="divPortrait" class="col-md-3 text-center"> 
      <img src="~/Content/good_guy.png" /> 
     </div> 

     <div id="divChat" class="col-md-9" style="background-color: gray;"> 
      <div class="row"> 
       <div id="divMessages"> 
        <!--DYNAMICALLY ADD DIVS FOR EACH CHAT MSG INSIDE HERE--> 
        <div> 
         Test Message here 
        </div> 
       </div> 
      </div> 

      <div class="row" style="background-color: red;"> 
       <textarea id="txtChatMsg" class="form-control" style="width: 100%;" rows="2" placeholder="Write a reply..."></textarea> 
      </div> 

      <div class="row text-right" style="margin-top: 5px;"> 
       <button type="button" class="btn btn-default">Send</button> 
      </div> 
     </div> 
    </div> 

Answer 1

dm4web stated으로,이 문제의 원인이되는 코드 외부에 뭔가가 있습니다. 이를 증명하기 위해 txtChatMsg 요소의 스타일이 width: 50%으로 변경된 JSFiddle이 있습니다.

브라우저에서 txtChatMsg 요소를 검사하여 CSS width 규칙을 재정의하는 스타일이 있는지 확인할 수 있습니다. 또한이 div를 잠재적으로 타겟팅하고 너비를 재정의하는 자바 스크립트가 있는지 확인합니다.