Question

我在表单中使用bootstrap-select来显示一些供应商，但它看起来像这样：

我的选择如下：

<select class="selectpicker" data-live-search="true" title="Choose Supplier"> 
    <option data-tokens="Supplier 1">Supplier 1</option>
    <option data-tokens="Supplier 2">Supplier 2</option>
    <option data-tokens="Supplier 3">Supplier 3</option>
    <option data-tokens="add Supplier">Add Supplier</option>
</select>

.css文件链接在head标记中，.js链接在网站的末尾。这段代码有什么问题？在examples它看起来相同，但在我的网站上它不起作用。我错过了什么或做错了什么？

Answer 1

在示例中使用bootstrap-select.min.css 这就是为什么不向你展示例子。

Answer 2

    <html>
  <head>
    <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" />
  </head>

  <div class="container">
    <div class="row">
      <h2>Bootstrap-select example</h2>
      <p>This uses <a href="https://silviomoreto.github.io/bootstrap-select/">https://silviomoreto.github.io/bootstrap-select/</a></p>
      <hr />
    </div>

    <div class="row-fluid">
      <select class="selectpicker" data-show-subtext="true" data-live-search="true">
        <option data-subtext="Rep California">Tom Foolery</option>
        <option data-subtext="Sen California">Bill Gordon</option>
        <option data-subtext="Sen Massacusetts">Elizabeth Warren</option>
        <option data-subtext="Rep Alabama">Mario Flores</option>
        <option data-subtext="Rep Alaska">Don Young</option>
        <option data-subtext="Rep California" disabled="disabled">Marvin Martinez</option>
      </select>
      <span class="help-inline">With <code>data-show-subtext="true" data-live-search="true"</code>. Try searching for california</span>
    </div>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.min.js"></script>
</html>

bootstrap-select下拉列表显示没有条目

2 个答案: