Twitter bootstrap 引导3选择菜单在sm或xs视图中不可选择

在移动视图中使用引导时，不能选择显示在同一行上的选择菜单。这可能与我的引导网格使用有关

看我的

首先尝试在默认桌面视图中选择菜单。很好。然后将屏幕大小切换到平板电脑或智能手机，然后选择菜单

现在，当选择菜单出现在不同的行上时，在任何视图中都不会出现问题。看到这个了吗

我错过了什么？它开始让我有点疯狂了。

在桌面屏幕上（在bootstrapmd屏幕大小上方），您有一行带有类页面控件，其中有三列：

• 工具分类（使用col-md-3类）
• 工具分页（使用col-md-2类）
• 工具分页（使用col-md-7类）

网格中的柱总数为12，一切正常

问题出现在非桌面屏幕上（在引导md屏幕大小下方），您可以在控制台中检查第三列工具分页是否扩展到全宽，并使用选择菜单覆盖两列，这就是它们不可选择的原因

解决此问题的最简单方法是为较小的屏幕添加额外的网格列，例如：

<!-- Pagination and search controls -->
    <div id="ember1330" class="row page-controls ember-view">
        <div class="col col-md-3 col-sm-2 col-xs-6 pull-left tools-sort">
            ...
        </div>
        <div class="col col-md-2 col-sm-2 col-xs-6 pull-left tools-paging">
            ...
        </div>
        <div class="col-12 col-md-7 col-sm-8 col-xs-12 text-right tools-paginaton">
            ...
        </div>
    </div>

...
...
...

我只添加了类col-sm-2和col-xs-6到带有两个选择框的cols，以及类col-sm-8和col-xs-12到分页列

---

这样，所有移动设备上的网格都很好，在sm和xs屏幕上，网格COL的总和也是12。

ahhh…这就解释了这一点！非常感谢你的帮助！很高兴帮助你！：）