텍스트 영역이 정렬되지 않은 올바른

Question

나는이와 유사한 형태 연락 부트 스트랩을 만드는 오전 : http://amitpatil.me/demos/twitter-bootstrap-ajax-contact-form/contact.php

지금까지 내가 몸이 있습니다

<div class="container"> 

    <form role="form" style="width:400px; margin: 0 auto;"> 
     <h1>Contact us</h1> 

     <div class="form-group required-field-block">     
      <div class="col-md-12 input-group"> 
       <span class="input-group-addon"><span class="glyphicon glyphicon-info-sign"></span></span> 
       <input type="text" size="30" value="" class="form-control" placeholder="Podjetje"> 
       <div class="required-icon"> 
        <div class="text">*</div> 
       </div>     
      </div> 
     </div> 

     <div class="form-group required-field-block">  
      <div class="col-md-12 input-group"> 
       <div class="col-sm-1 column"> 
        <span class="input-group-addon"><span class="glyphicon glyphicon-pencil"></span></span> 
       </div> 
       <div class="col-sm-11 column"> 
        <textarea rows="3" size="30" value="" class="form-control" placeholder="Sporočilo"></textarea> 
        <div class="required-icon"> 
         <div class="text">*</div> 
        </div> 
       </div> 
      </div> 
     </div> 

     <button class="btn btn-primary razmik_mail">Pošlji</button> 

    </form> 

을하지만, 이 작업은 다음을 수행했습니다.

"Textarea"가 올바르게 정렬되지 않음을 알 수 있습니다. 아래 아이콘 아이콘 (정보 아이콘)과 전체 아이콘을 볼 수 있습니다. 아이콘이 잘려져 있는데, 이유를 모르겠습니다. 그리고 textarea는 입력과 함께 오래있을 것입니다. (링크가 올라간다). 내가 잘못 여기서

어떤 생각 :

그래서 내 목표는 다음과 같이 텍스트 영역을 만드는 것입니다? Realy가 도움을 주셔서 감사합니다. 여기

데모입니다 : http://jsfiddle.net/tutpgtdo/5/

Answer 1

당신은 당신의 텍스트 영역의 주위에 여분의 열 HTML을 가지고, 그것을 제거하고 다음과 같아야합니다 그래서, 잘해야한다 :

<div class="form-group required-field-block">  
     <div class="col-md-12 input-group"> 
      <span class="input-group-addon"><span class="glyphicon glyphicon-pencil"></span></span> 
      <textarea rows="3" size="30" value="" class="form-control" placeholder="Sporočilo"></textarea> 
       <div class="required-icon"> 
        <div class="text">*</div> 
       </div> 
     </div> 
    </div>