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

发布时间：2020-12-18 00:11:30 所属栏目：安全来源：网络整理

导读：Bootstrap提供 Contextual Alternatives for Panels，通过添加任何上下文状态类，如面板警告或面板危险，可以轻松地对面板进行风格化。引导提供了类似于Modals的机制吗？还是有一个简单的方法来应用“小组警告”类到一个模态？我试过使用 div class =“mod

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。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!