twitter-bootstrap-3 - 1つの列にテキストエリアがある場合に、ブートストラップ行にfont-awesomeアイコンを垂直に配置する方法

Question

一番右の列の旗を「行」の真ん中に垂直にしたい

ブートストラップ 3 ソリューションを探しています

これが私のコードです：

   <div class="panel panel-primary" id="panelid">
            <div class="panel-heading">
                <h1 class="panel-title">Panel Title <i class="fa fa-info-circle fa-fw" aria-hidden="true" style="cursor:pointer;"></i> </h1>
            </div>
            <div class="panel-body">
                <div class="well well-sm ">
                    <div class="row form-row">
                        <div class="form-group col-xs-11 col-sm-4 col-lg-3">
                            <label class="field-label control-label" id="Field1_Label" for="Field1">Field 1</label>
                            <sup><i title="A Required Field" class="fa fa-fw fa-asterisk text-danger" aria-hidden="true" style="cursor:default" aria-label="A Required Field"></i></sup>
                            <select name="Field1" class="form-control input-sm" id="Field1" onchange="" data-required="true" data-field-id="1">
                                <option value="">&nbsp;</option>
                                <option value="1">Yes</option>
                                <option selected="selected" value="0">No</option>
                            </select>
                        </div>
                        <div class="form-group col-xs-11 col-sm-7 col-lg-8">
                            <label class="field-label control-label" id="Comments_desc_Label" for="comments">Field 1 Comments</label>
                            <textarea name="comments" class="form-control " id="comments" placeholder="Enter Comments" rows="3" cols="20" data-required="false"></textarea>
                        </div>
                        <div class="col-xs-1">
                            <i class="text-danger fa fa-flag fa-2x fa-fw"></i>&nbsp; 
                        </div>
                    </div>
                </div>
            </div>
        </div>