Bootstrap在输入字段旁边放置两个glyphicons

ua_boaz 发表于 Dev

ua_boaz

我有一个要求，我需要在下一个输入字段旁边放置两个字形，以便输入字段的宽度应减小以容纳两个图标。但是下面的代码将字形图标转到下一行。

                                    <div class="row">
                                        <label>Managed Segment GOC</label>
                                        <div style="width:inherit;">
                                                <p>
                                                <input type="text" class="form-control" ng-model="formData.goc" placeholder="Look Up for Managed Segment">
                                                <span class="glyphicon glyphicon-arrow-up"></span>
                                                <span class="glyphicon glyphicon-arrow-down"></span>
                                                </p>
                                            <div class="text-right" >Clear</div>
                                        </div>

                                        <label>Default RLOB</label>
                                        <input type="text" class="form-control" ng-model="formData.rlob" placeholder="">
                                    </div>

拉尼·塔卡（Rani Thakkar）

您必须将文本框放在另一个class =“ col-md- *”中，例如，

                                        <div>
                                            <p>
                                            <div class="col-md-11">
                                                <input type="text" class="form-control" placeholder="Look Up for Managed Segment" >
                                            </div>
                                            <div class="col-md-1">
                                                <span class="glyphicon glyphicon-arrow-up"></span>
                                                <span class="glyphicon glyphicon-arrow-down"></span>
                                            </div>
                                            </p>
                                        <div class="text-right" >Clear</div>
                                    </div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。