html - Bootfield具有4种形式的`<fieldset>`中的 Font Awesome

对于引导程序4中的单输入形式，input-group-addon类是放置字体超赞图标的一种好方法：

<div class="input-group">
    <span class="input-group-addon">
        <i class="fa fa-envelope"></i>
    </span>
    <input class="form-control" type="text" placeholder="Email address">
</div>

如下所示：



但是，对于多部分形式，似乎引导程序4隐式地建议使用<fieldset>标记，但是此惯用语的自然扩展不起作用：

<form action="" method="POST">
    <fieldset class="form-group">
        <span class="input-group-addon">
            <i class="fa fa-envelope"></i>
        </span>
        <input class="form-control" type="text" placeholder="Email address">
    </fieldset>
</form>

并在顶部显示图标：



有没有一种方法可以在不编写自定义CSS的情况下将图标设置为字段的左侧？

最佳答案

尝试将您的form-group类更改为input-group：

<form action="" method="POST">
    <fieldset class="input-group">
        <span class="input-group-addon">
            <i class="fa fa-envelope"></i>
        </span>
        <input class="form-control" type="text" placeholder="Email address">
    </fieldset>
</form>

关于html - Bootfield具有4种形式的`<fieldset>`中的 Font Awesome ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37091571/