Twitter bootstrap 如何将html数据列表与引导一起使用？

给定

---

如何将引导css应用于此？我只想添加

class=“form control”

，它将以与select元素相同的方式进行布局？但这并不奏效。此标记不受支持吗？

是的，引导4中不支持

数据列表

标记

---

因此，如果您想使用自定义css，您必须添加自定义css。

我无法确认，bootstrap 4通常不适用于

/

元素。基本上，您只将select field引导类应用于输入字段，这样就可以获得具有输入功能的select/dropdown字段的外观，例如：

<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

ISO-8859-1
ANSI
UTF-8

在最近的Firefox上看起来是这样的：

---

尽管这个问题针对的是Bootstrap 4，但我认为知道Bootstrap 5现在支持数据列表是有用的：

<input list="encodings" value="" class="col-sm-6 custom-select custom-select-sm">
<datalist id="encodings">
    <option value="ISO-8859-1">ISO-8859-1</option>
    <option value="cp1252">ANSI</option>
    <option value="utf8">UTF-8</option>
</datalist>