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">×</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。