Rumah > Artikel > hujung hadapan web > bootstrap怎么设置面板大小
bootstrap怎么设置面板大小
- (*-*)浩asal
- 2019-07-19 11:41:086083semak imbas
面板（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教程栏目进行学习！
Atas ialah kandungan terperinci bootstrap怎么设置面板大小. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：bootstrap怎么设置背景图片自适应Artikel seterusnya：bootstrap组件怎么使用