本章將講解 Bootstrap 面板(Panels)。
面板元件用來把 DOM 元件插入到一個盒子裡。 (建議學習:Bootstrap影片教學)
建立一個基本的面板,只需要在 如下面的實例所示: 面板標題 #我們可以透過以下兩種方式來新增面板標題: 使用.panel-heading class 可以很簡單地向面板新增標題容器。 使用帶有 .panel-title class 的 下面的實例示範了這兩種方式: 更多Bootstrap相關技術文章,請造訪Bootstrap教學欄位進行學習! 以上是bootstrap面板怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!<div class="panel panel-default">
<div class="panel-body">
这是一个基本的面板
</div>
</div>
-
來新增預先定義樣式的標題。
<div class="panel panel-default">
<div class="panel-heading">
不带 title 的面板标题
</div>
<div class="panel-body">
面板内容
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
带有 title 的面板标题
</h3>
</div>
<div class="panel-body">
面板内容
</div>
</div>