Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – Bootstrap模态与危险状态类?全部内容,希望文章能够帮你解决twitter-bootstrap – Bootstrap模态与危险状态类?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。