lumx下拉不能与angular-ui和bootstrap一起使用

Question

我正在做一个使用LUMX、Angular-UI和Bootstrap的项目

我面临的问题是，我的下拉列表不工作，这里是代码片段。

<li class="dropdown" dropdown on-toggle="toggled(open)">
        <a href class="dropdown-toggle" dropdown-toggle>
            <i class="ti-world"></i> {{language.selected}}
        </a>
        <ul role="menu" dropdown-menu class="dropdown-menu dropdown-light fadeInUpShort">
            <li ng-repeat="(localeId, langName) in language.available">
                <a ng-click="language.set(localeId, $event)" href="#" class="menu-toggler">
                    {{langName}}
                </a>
            </li>
        </ul>
    </li>

如果我在index.html中删除lumx.js，它将开始工作。但仍然下拉的lumx将不起作用。

<div flex-item>
    <lx-select ng-model="selects.selectedCategory" placeholder="Select Category" choices="categories" floating-label>
                            <lx-select-selected>
                                {{ $selected.name }} - {{ $selected.id }}
                            </lx-select-selected>

                            <lx-select-choices>
                                {{ $choice.name }} - {{ $choice.id }}
                            </lx-select-choices>
                        </lx-select>
                    </div>

Answer 1

我找到了解决方案。来自lumx.css和angular-ui.css的下拉类相互冲突。

我删除

.dropdown{
 }

来自lumx.css的css现在我的angular-ui下拉菜单开始工作了。