Bootstrap 4：selectpicker 1.13不适用于所选选项的内容

到目前为止，这个问题只是风格上的问题：选择本身不适合所选选项的大小。它看起来太低了，使容器溢出。加上插入号显示在右上角，而不是应该显示的位置（在右中）。看起来像这样：

使用以下代码：

<select class="selectpicker" data-style='btn-primary'>
    <option value="value">I'm a sad and a little bit too long option</option>
</select>

如您所见，显示选择下拉列表本身没有问题，只是按钮（具有当前选定值的初始字段）由于某种原因而显得混乱不堪。我怀疑这可能是插件本身的问题，因为我几乎没有应用任何可能干扰的相关样式。我想收到一个建议，让我如何使其正常工作，因为我真的很喜欢该插件，并且不想自己编写所有功能。我对CSS并了解它的结构不是很好。我看过了该插件生成的源html，它看起来只是父容器（div.filter-option）缺少了一些告诉其将内容放置在何处（包含文本的元素div.filter-option-inner）以及如何处理的属性。它。

插件的来源（旨在与Bootstrap Select插件的Bootstrap 4版本正式兼容）：https : //github.com/snapappointments/bootstrap-select/releases/tag/v1.13.0我的Bootstrap版本是默认版本内置于Laravel 5.6 Bootstrap 4.0中。非常感谢您对该问题的任何帮助/建议/分析！提前致谢！

更新1：很奇怪...下面的代码：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.min.css">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>


<select class="selectpicker" data-live-search="true">
<option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
<option data-tokens="mustard">Burger, Shake and a Smile</option>
<option data-tokens="frosting">Sugar, Spice and all things nice</option>
</select>

当在全新的纯jsfiddle中显示时提供了很好的结果，但是粘贴到自定义的本地（和在线）.html文件中时，它仍然显示混乱。我真的不知道为什么会这样！