单击Bootstrap中的按钮时如何显示Panel?

时间:2015-07-16 08:33:52

标签: html twitter-bootstrap toggle panel

我是Bootstrap的新手。

我想要一个点击按钮,向我展示我以Drop-up方式创建的面板。

<div class="row">
   <button class="btn btn-primary" type="button" style="width:150px; margin-left: 50px" data-toggle="collapse" href="#toggle1"> Send for Review </button>
</div>
<div class="panel panel-primary collapse" id="toggle1">
   <div class="panel-heading">Assign Executive for Review
      <button type="button" class="close" data-target="#id_of_panel" data-dismiss="alert">
      <span aria-hidden="true">&times;</span>
      <span class="sr-only">Close</span>
      </button>
   </div>
   <div class="panel-body">
      <div class="radio">
         <label><input type="radio" name="Executive ID / Name"> Executive ID / Name </label>
      </div>
      <div class="radio">
         <label><input type="radio" name="Executive ID / Name"> Executive ID / Name </label>
      </div>
      <div class="radio">
         <label><input type="radio" name="Executive ID / Name"> Executive ID / Name </label>
      </div>
      <div class="radio">
         <label><input type="radio" name="Executive ID / Name"> Executive ID / Name </label>
      </div>
   </div>
</div>

像这样...... http://i.stack.imgur.com/Yx5B7.jpg

1 个答案:

答案 0 :(得分:0)

你在寻找像Modals

这样的东西吗?

http://getbootstrap.com/javascript/#modals