Bootstrap 3下拉选择值

时间:2016-05-10 21:44:03

标签: html css twitter-bootstrap twitter-bootstrap-3

我正在尝试使用select / value options创建一个下拉菜单。我怎么能用Bootstrap做到这一点?

<div class="dropdown">
      <button class="btn btn-default dropdown-toggle" type="button" id="type" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        Please Select
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" aria-labelledby="type">
        <li><a href="#">General User</a></li>
        <li><a href="#">Service Provider</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Admin</a></li>
      </ul>
    </div>

1 个答案:

答案 0 :(得分:1)

对于select引导程序使用.form-control等表单组件,请参阅文档here并查看select docs示例here

&#13;
&#13;
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<select class="form-control">
  <option value="General User">General User</option>
  <option value="Service Provider">Service Provider</option>
  <option value="Admin">Admin</option>
</select>
&#13;
&#13;
&#13;