Textarea with icon bootstrap is not align correct

Question

I am creating bootstrap contacting form similar as this: http://amitpatil.me/demos/twitter-bootstrap-ajax-contact-form/contact.php

So far I have this in body:

<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>

But this done this:

As you can see my "Textarea" is not align correctly. Icon shoud be below (info icon) and full icon, as you can see, it has cut icon, I do not know why. And textarea shoud be aling with input, and little longer (as is in link up).

So my goal is to create textarea like this:

Any idea, where I am wrong? Realy thanks for help.

Here is demo: http://jsfiddle.net/tutpgtdo/5/

Answer 1

你的 textarea 周围有额外的列 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>