给定
<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>
如何将 Bootstrap css 应用于此?我会添加
class="form-control"
它会以与选择元素相同的方式布局吗?但这没有用。不支持这个标签吗?
最佳答案
我无法确认,bootstrap 4 通常不适用于 <input>
/<datalist>
元素。基本上你只申请 select
字段 Bootstrap 类到 input
字段,然后获得具有输入功能的选择/下拉列表的外观,例如:
<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>
在最近的 Firefox 上看起来像这样:关于twitter-bootstrap - 如何在 Bootstrap 中使用 html 数据列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48722834/