引导程序“选择”不适用于较小的设备答案

【问题标题】：Bootstrap's 'select' not Working in smaller devices引导程序“选择”不适用于较小的设备
【发布时间】：2016-05-14 07:57:15
【问题描述】：

我一直在做一个项目，但我一直坚持一件事，这真的让我很沮丧，即引导程序的“选择”在移动设备和标签设备中不起作用。我已经在 stackoverflow 上检查了 this 解决方案，但这对我没有用。

 <div class="form-group">
            <div class="row">
                <label class="control-label col-sm-3" for="religion">Religion:</label>
<div class="col-sm-8">
            <select class="form-control">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
            </div>
            </div>
        </div>

        <div class="form-group">
            <div class="row">
                <label class="control-label col-sm-3" for="race">Race:</label>

            <div class="col-sm-8">
            <select class="form-control">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
            </div>
            </div>
        </div>

        <div class="form-group">
            <div class="row">
                <label class="control-label col-sm-3" for="country">Country:</label>

            <div class="col-sm-8">
            <select class="form-control">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
            </div>
            </div>
        </div>

请帮我完成这项工作！

【问题讨论】：

对我来说它的工作。我可以使用选择。你在使用 js 和 css ot bs 吗？见jsfiddle.net/pov2jp22/1
<link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="main.css"> <script src="jquery-1.12.2.min.js"></script> <script src="js/bootstrap.min.js"></script>
是的，我已经像上面那样使用它们了。
检查我的小提琴，是你想要的吗？或检查控制台是否有任何错误。
也许您需要添加form 标签？ jsfiddle.net/azizn/es4fg13q/1

标签： html twitter-bootstrap

【解决方案1】：

今天我遇到了同样的问题。

然后我发现唯一使用的类是 col-sm-*，并且没有在元素上使用 col-xs-*（移动设备）类，这导致移动设备上无法访问表单输入。

与col-sm-* 一起，将col-xs-* 添加到您的课程列表中，使其在移动设备上运行。

希望这会有所帮助。干杯

【讨论】：

【解决方案2】：

我发现，当您在头部加载 Bootstrap css 和 js 时，而不是在结束 body 标记之前（如 bootstrap 文档中所述），它会起作用。

换句话说，要使其在移动设备上运行，您必须先加载引导 javascript。

【讨论】：