부트 스트랩 모달 대화 상자에서 크기를 조정할 수있는 텍스트 영역

Question

텍스트 영역을 부트 스트랩 모달에 넣으려고합니다.

문제는 텍스트 영역의 크기를 가로로 조정할 때입니다. 모달 대화가 중단됩니다.

어떻게 수평으로 반응하게 할 수 있습니까? 여기

는

<div class="container-fluid"> 
<div class="row"> 
    <!-- Button trigger modal --> 
    <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
     Launch demo modal 
    </button> 

    <!-- Modal --> 
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 
     aria-hidden="true"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
        <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
       </div> 
       <div class="modal-body"> 

        <form class="form-horizontal" id="feedback_form" action="javascript:feedback_submit();" 
          role="form"> 
         <input type="hidden" name="feedback_url" value="http://fmoffice:8080/about" 
           class="form-control"> 
         <input type="hidden" name="feedback_tracking_id" value="" class="form-control"> 
         <div class="form-group"> 
          <div class="form-group" id="feedback_comment_group"> 
           <label class="col-sm-3 control-label" for="feedback_input_comment">Feedback:</label> 
           <div class="col-sm-9 controls"> 
            <textarea id="feedback_input_comment" name="feedback_comment" 
               class="form-control" rows="5" placeholder="Your Feedback"></textarea> 
           </div> 
          </div> 
          <div class="form-group"> 
           <div class="col-sm-offset-3 col-sm-9"> 
            <button type="submit" class="btn btn-primary">Send Feedback</button> 
           </div> 
          </div> 
         </div> 
        </form> 
       </div> 

      </div> 
     </div> 
    </div> 
</div> 

여기

이

어떤 도움에 감사드립니다 :)

이

Answer 1

CSS를 아래에 사용하십시오 JS 빈에 code 인 코드를입니다

textarea { 
    resize: vertical; 
}