Question

我试图在输入字段中设置一个字形，但出于某种原因，它在文本框之外。

<!-- Panel -->
<div class="panel panel-default hidden-xs">
    <div class="row">
        <div class="col-sm-5 col-sm-offset-1">
            <form>
                <p><strong>Enter your number and we'll text you a link</strong></p>
                <label class="sr-only">Phone Number</label>
                <input class="form-control phone-txt" type="text" placeholder="Phone Number">
                <button class="btn btn-submit" type="submit">
                    <span class="glyphicon glyphicon-arrow-right"></span>
                </button>
            </form>
        </div>
        <div class="col-sm-5">
            <p><strong>Or visit an app store to download now!</strong></p>
            <a class="btn btn-default btn-lg" href="#">iOS</a>
            <a class="btn btn-default btn-lg" href="#">Android</a>
        </div>
    </div>
</div><!-- End panel -->

Answer 1

看起来您已将该字形附加到按钮上。你可能会尝试这样的事情......

<input type="text" class="form-control phone-txt" placeholder="Phone Number" aria-describedby="basic-addon2">
<span class="input-group-addon" id="basic-addon2"><span class="glyphicon glyphicon-arrow-right"></span></span>

Bootstrap glyphicon位于文本字段之外

1 个答案: