Bootstrap响应式面板，具有广泛的下拉，打破移动

Question

我有一个响应式面板，在Mobile中可以滚动，因为下拉文本内容太长了。

移动下拉菜单（至少在iOS中）仅在您选择下拉列表时显示部分选择。

处理此问题的最佳方式是什么？

Sample Bootply Here

Answer 1

这更像是IOS而不是Bootstrap的样式问题，但看起来您只需在最后一个选项后添加optgroup标记：

http://www.bootply.com/Xw8pzjoACx

将CSS中的下拉宽度设置为100％以阻止它与容器重叠。