首页 >web前端 >Bootstrap教程 >bootstrap怎么设置面板大小
bootstrap怎么设置面板大小
- (*-*)浩原创
- 2019-07-19 11:41:086130浏览
面板（Panels）。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板，只需要向
元素添加 class .panel 和 class .panel-default 即可。
如下面的实例所示：（推荐学习：Bootstrap视频教程）
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 默认的面板</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="panel panel-default"> <div class="panel-body"> 这是一个基本的面板 </div> </div> </body> </html>
如果想更改其默认面板的大小可以通过设置.panel-body的宽高来实现。
例：
<style>
.panel-body{
height:400px;
width:400px;
}
</style>
更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！
以上是bootstrap怎么设置面板大小的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn