twitter-bootstrap – Bootstrap模态与危险状态类?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap模态与危险状态类?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Bootstrap提供 Contextual Alternatives for Panels,通过添加任何上下文状态类,如面板警告或面板危险,可以轻松地对面板进行风格化。

引导提供了类似于Modals的机制吗?还是有一个简单的方法来应用“小组警告”类到一个模态?

我试过使用< div class =“modal modal-warning”>甚至< div class =“modal panel-warning”>,但都没有起作用。

谢谢!

解决方法

你可以,但它可能是危险的。
我已经将面板警告和面板标题应用于类模态内容和模态标题
<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已经注意到,顶部边框半径略有不同。
这是修复:

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

检查fiddle

原文链接:https://www.f2er.com/bootstrap/234301.html

猜你在找的Bootstrap相关文章