0

我刚刚切换到 Bootstrap 3 和 Flat UI Framework，现在我正在尝试使用 Bootstrap 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">
4

2 回答 2

0

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

于 2014-02-17T00:07:58.983 回答
0

下载的 Flat UI 包中有一个名为“template.html”的文件。将您的标记放在文件中，一切都会顺利进行。我认为您缺少一些 .js 包含文件。

此外，您的 Flat-UI .css 文件必须位于 bootstrap .css 文件之后。

于 2013-12-14T10:34:57.223 回答