Twitter bootstrap 3 当一列有textarea时，如何在引导行中垂直放置字体图标 我想把右边右边的旗子垂直地放在“行”的中间。

寻找Bootstrap3解决方案

这是我的密码：

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

小组标题
字段1
对
不
第1栏评论

就是这样：

<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="container">
                    <div class="row>">
                        <div class="form-group">
                            <div class="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>


                        <div class="form-group">
                            <div class="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>
                        <div class="col-xs-1 col-sm-1 col-lg-1">
                            <i class="glyphicon glyphicon-flag" style="color: #A54142; font-size: 20px; padding-top: 30px;"></i>&nbsp;
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

小组标题
领域
1.
对
不
字段1
评论

你可以看到：

谢谢

就是这样：

<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="container">
                    <div class="row>">
                        <div class="form-group">
                            <div class="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>


                        <div class="form-group">
                            <div class="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>
                        <div class="col-xs-1 col-sm-1 col-lg-1">
                            <i class="glyphicon glyphicon-flag" style="color: #A54142; font-size: 20px; padding-top: 30px;"></i>&nbsp;
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

小组标题
领域
1.
对
不
字段1
评论

你可以看到：

---

谢谢

把这个div放在另外两个div中间有什么大不了的？添加了期望结果的图像。它工作正常吗？下面是答案。把这个div放在另外两个div中间有什么大不了的？添加了期望结果的图像。它工作正常吗？下面是答案