twitter-bootstrap - 具有危险状态类的 Bootstrap 模式？

Question

Bootstrap 报价 Contextual Alternatives for Panels通过添加任何上下文状态类(例如 panel-warning 或 panel-danger)，可以轻松地设置面板样式。

bootstrap 是否为 Modals 提供了类似的机制？ ?还是有一种简单的方法可以将“面板警告”类应用于模态？

我尝试使用 <div class="modal modal-warning">甚至<div class="modal panel-warning"> ，但都没有工作。

谢谢!

Answer 1

可以，但可能很危险。
我已申请 panel-warning和 panel-heading上课modal-content和 modal-header

  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content panel-warning">
        <div class="modal-header panel-heading">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Modal title</h4>
        </div>
        <div class="modal-body">
          ...
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

@pimlottc 注意到顶部 border-radius略有不同。
这是修复:

.panel-heading
{
    border-top-left-radius: inherit; 
    border-top-right-radius: inherit;
}

查看 fiddle .