javascript - 触摸不适用于 Twitter Bootstrap 模板中的移动浏览器

Question

模板在桌面浏览器中运行良好，但对于移动设备，它不会对 url 中的特殊触摸和选择选项做出响应。

它在 firefox 和 opera 中不起作用，但在 chrome 中它对 url 起作用，但对某些选择选项不起作用。

您可以从您的移动设备上查看它http://templateninja.net/themes/arillo/v1.1/green/

Answer 1

老实说，这是有点奇怪的行为，但话虽如此，在使用 Bootstrap 构建表单时，我通常会将内容包装成行(以便轻松添加控件)。这将解决您的问题。

<form role="form">
    <div class="row">
        <div class="col-md-6 col-sm-6 col-xs-6">
            <div class="form-group">
                <label for="country">Country</label>
                <select class="form-control">
                    <option>Australia</option>
                    <option>Indonesia</option>
                    <option>Japan</option>
                    <option>South Korea</option>
                    <option>China</option>
                </select>
            </div>
            <div class="form-group">
                <label for="bedroom">Bedroom</label>
                <select class="form-control">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
            </div>
        </div>
        <!-- break -->
        <!-- Your other form fields -->
    </div>
    <div class="row">
        <div class="col-md-12 col-sm-12">
            <input type="submit" name="submit" value="Search" class="btn btn-success btn-lg btn-block">
        </div>
    </div>
</form>