這篇文章給大家分享的是有關如何使用bootstrap面板的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
面板組件用于把 DOM 組件插入到一個盒子中。
創建一個基本的面板，只需要向 <div> 元素添加 class .panel 和 class .panel-default 即可。
如下面的實例所示：
<div class="panel panel-default"> <div class="panel-body"> 這是一個基本的面板 </div></div>
面板標題
我們可以通過以下兩種方式來添加面板標題：
使用 .panel-heading class 可以很簡單地向面板添加標題容器。
使用帶有 .panel-title class 的 <h2>-<h7> 來添加預定義樣式的標題。
下面的實例演示了這兩種方式：
<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"> <h4 class="panel-title"> 帶有 title 的面板標題 </h4> </div> <div class="panel-body"> 面板內容 </div></div>
感謝各位的閱讀！關于“如何使用bootstrap面板”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
