面板样式设定
听了,还有有收获的,老是辛苦了
面板
.panel 代表面板
.panel-heading 代表面板头部
.panel-body 代表面板内容
.panel-footer 代表面板的注脚
面板经常用于弹窗和提示信息
面板:
1、.panel代表面板
2、.panel-body代表面板内容
3、.panel-footer代表面板的注脚
<div class="panel panel-default">//-primary、-success、----
<div class="panel-heading">
面板头部
</div>
<div class="panel-body">
面板内容
</div>
<div class="panel-footer">
面板尾部
</div>
</div>
面板可用于弹窗,提示信息等
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Mooc网学习</title> <link href="css/bootstrap-theme.min.css"rel="stylesheet"> <link href="css/bootstrap.min.css"rel="stylesheet"> </head> <body> <div class="panel panel-primary"> <div class="panel-heading"> 弹出层 </div> <div class="panel-body"> 这是面板的内容 </div> <div class="panel-footer"> 脚注 </div> </div> <script src="js/jquery-3.1.1.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
面板
3
2
面板