移动设备上的引导选择答案

【问题标题】：Bootstrap Select on Mobile移动设备上的引导选择
【发布时间】：2019-12-04 11:59:51
【问题描述】：

我创建了一个表单下拉列表，它传递值来更改下面显示的 div。这一切在桌面上都很好用，但是在使用移动设备时我无法让下拉菜单下拉。

单击时下拉颜色会发生变化，但是没有下拉选项列表。

我的代码是：

        <div class="row">
            <div class="col-sm-12 form-group">
                <label>Please Select a Package Option</label>
                <select class="form-control" name="package_option" id="package_option">
                    <option value="" selected disabled>Please select</option>
                    <option value="the_single">The Single</option>
                    <option value="the_duo">The Duo</option>
                    <option value="the_trilogy">The Trilogy</option>
                    <option value="the_custom">The Custom</option>
                </select>
            </div>
        </div>

【问题讨论】：

标签： twitter-bootstrap bootstrap-4

【解决方案1】：

您的下拉菜单在单击时更改颜色的原因是因为您在选择标签上使用了disabled。尝试在您的选择类col-md-6 col-sm-12 上使用它。

有关引导程序中网格系统的更多信息是here

【讨论】：