Twitter bootstrap 如何使用引导进行响应性选择

我正在制作添加用户的表单，有两个组合框，它可以用于pc、笔记本等，但当我测试小型设备并单击组合框时，它只显示部分文本，其他所有内容都是黑色的

<div class="container-fluid">
    <div class="text-center">
        <h1>Add user</h1>
    </div>
    <form class="form-horizontal" role="form" method="post">
        <div class="col-md-offset-4">
            <div class="col-sm-6 col-lg-4">
                <div class="form-group">
                    <label class="col-md-4 control-label">Type:  </label>
                    <div class="col-md-8">
                        <select class="form-control"  id="user_type" name="user_type">
                            <option value="1">Admin</option>
                            <option value="2">Worker</option>
                            <option value="3">Client</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-offset-4 col-md-8">
                        <input type="submit" name="btn-add" class="form-control" value="Add user">
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

添加用户
类型：
管理
工人
客户

---

您对如何在小型设备上使用此功能有何建议？

在mobile view中也可以使用。。thx的回复，我现在也检查了firefox，它工作良好，只有当我检查了chrome它不工作，在chrome也工作！