Question

Bootstrap 4选择选项无法添加图像缩略图，对此有什么解决办法？

谢谢

 <select class="form-control" id="exampleFormControlSelect1">
          <option><img src="/assets/images/platform/abs.png">ABS-01</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
        </select>

Answer 1

您无法在选择中添加图标或图像。但是名为Bootstrap select的插件可以为您提供帮助。

此插件使用的图标直接从引导程序提供的Glyphicons中加载。

Git项目可以在这里找到：http://silviomoreto.github.io/bootstrap-select/

您还可以在以下位置找到功能的实时演示：http://silviomoreto.github.io/bootstrap-select/

Answer 2

尝试使用此功能

<select title="" class="selectpicker">
    <option>Select...</option>
    <option data-content="<img class='email' src='https://thdoan.github.io/bootstrap-select/images/icon-chrome.png'><span class='text-dark'>Air India Express</span>"> Chrome</option>
    <option data-content="<img class='email' src='https://thdoan.github.io/bootstrap-select/images/icon-firefox.png'><span class='text-dark'>Air India Express</span>"> Firefox</option>
    <option data-content="<img class='email' src='https://thdoan.github.io/bootstrap-select/images/icon-ie.png'><span class='text-dark'>Air India Express</span>"> IE</option>
    <option data-content="<img class='email' src='https://thdoan.github.io/bootstrap-select/images/icon-safari.png'><span class='text-dark'>Air India Express</span>"> Safari </option>
</select>

Bootstrap 4选择选项以添加图像缩略图不起作用

2 个答案: