Question

我刚刚切换到Bootstrap 3和Flat UI Framework，我现在尝试使用Bootstrapp Select将“select”元素添加到我的网站，但我遇到了一些问题。

元素具有正确的样式并且在我点击它时会正确响应但是如果我点击选择元素的正下方它仍然会改变我输入的值。基本上所有事情都发生了，好像下拉列表已经崩溃，除了我看不到它。

HTML：

 <select id="tk_groupbundle_tgrouptype_currency" name="tk_groupbundle_tgrouptype[currency]" required="required">
 <option value="1">Euro</option>
 <option value="2">US Dollar</option>
 <option value="3">British Pound</option>
 <option value="4">Indian Rupee</option>
 <option value="5">Australian Dollar</option>
 <option value="6">Canadian Dollar</option>
 <option value="7">Swiss Franc</option>
 <option value="8">Chinese Yuan Renminbi</option>
 </select>

JS：

$("select").selectpicker({style: 'btn', menuStyle: 'dropdown-inverse'});

CSS：

nothing except:

    <link href="/web/flat-ui/css/flat-ui.css" rel="stylesheet" media="screen">
    <link href="/web/bootstrap/css/bootstrap-select.min.css" rel="stylesheet">

Answer 1

下载的Flat UI包中有一个名为“template.html”的文件。把你的标记放在文件中，一切都应该顺利。我想你有一些缺少的.js包含文件。

你的Flat-UI .css文件也必须在bootstrap .css文件之后。

Answer 2

您可以升级到Flat-UI-Pro-1.2.5。我遇到了同样的问题但是我一升级就修好了。似乎有一个错误。

平面UI - Bootstrap 3 - 下拉列表无法正常工作

2 个答案: