Question

我一直在做一个项目，而且我一直困在一件事上，这真让我感到沮丧，即bootstrap＆＃39; select＆＃39;不适用于移动设备和标签设备。我已经在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>

请帮我做这个工作！

Answer 1

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

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

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

希望这会有所帮助。干杯

Answer 2

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

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

Bootstrap＆＃39;选择＆＃39;不适用于较小的设备

2 个答案: