Html Boostrap选择图标spacace

你好，使用这段代码，我左边的图标有一个空格，我需要消除这个空格，知道怎么做吗，谢谢

全名
选择联系人姓名

如果将class

pl-0

添加到

select

元素，则空格（填充）将被删除

    <div class="col-auto mt-3">
        <label class="sr-only" for="inlineFormInputGroup">Full Name</label>
        <div class="input-group mb-2">
            <div class="input-group-prepend">
                <div class="input-group-text"><i class="fas fa-user-tie"></i></div>
            </div>
            <select class="selectpicker show-tick col-3 pl-0" id="inputGroupSelect03"  name="name" data-live-search="true" required>
                <option value="" selected="selected">Select Contact Name</option>
            </select>
        </div>
    </div>

全名
选择联系人姓名

---

在我看来，这看起来并不“好”，因为选择框与您正在使用的选择插件有圆角。这实际上否定了从纯引导使用输入组。也许插件中有一个选项可以删除左边的圆角。

不确定您指的是什么空间，可以详细说明吗？另外，

fas-fa-user-tie

应该是

fa-fa-user-tie

@Clint在最新版本的

fontawesome

中有一个

solid

版本，因此您需要编写

fas

而不是

fa

@Chirist2000。您能为我们提供一个结果的屏幕截图吗？您好，请查看图片“alt=”Screen-Shot-10-02-19-at-11-13-AM“border=”0“/>您好使用图标中的pl-0重叠字段，检查image@Christ2000替换以下内容：

使用

让我知道这是否适用于您不适用，但我会这样使用修复