Bootstrap:单键下拉菜单

时间:2014-06-11 11:44:17

标签: jquery asp.net-mvc twitter-bootstrap

我试图在我的表单中添加Drop down with button,以下是我的代码:

<!-- Row 2 -->
<div class="row-fluid col-md-12">
  <div class="col-md-2"> <label class="control-label">Data Field Type: </label></div>
    <div class="col-md-4">
      <select class="form-control">
        <option> Data Field </option>
        <option> Behavior </option>
      </select>
    </div>
  </div>

 <!-- Row 3 -->
 <div class="row-fluid col-md-12">
   <div class="col-md-2"><label class="control-label">Data Type: </label></div>
     <div class="col-md-4">
       <div class="btn-group">
         <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
          Action <span class="caret"></span>
         </button>
         <ul class="dropdown-menu" role="menu">
           <li>Action</li>
           <li>Another action</li>
           <li><a href="#">Something else here</a></li>
           <li class="divider"></li>
           <li><a href="#">Separated link</a></li>
         </ul>
       </div>
     </div>
   </div>

但是:当我点击按钮时,它没有显示选项!请指导..

1 个答案:

答案 0 :(得分:0)

我认为你还没有包含你的bootstrap文件。希望这有帮助。

演示:http://plnkr.co/edit/b4pSSSeIhEsfG8agmKbY?p=preview

相关问题