bootstrap面板的使用方法

小編給大家分享一下bootstrap面板的使用方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司客戶idc服務(wù)中心，提供成都西云數(shù)據(jù)中心、成都服務(wù)器、成都主機托管、成都雙線服務(wù)器等業(yè)務(wù)的一站式服務(wù)。通過各地的服務(wù)中心，我們向成都用戶提供優(yōu)質(zhì)廉價的產(chǎn)品以及開放、透明、穩(wěn)定、高性價比的服務(wù)，資深網(wǎng)絡(luò)工程師在機房提供7*24小時標(biāo)準(zhǔn)級技術(shù)保障。

面板組件用于把 DOM 組件插入到一個盒子中。

創(chuàng)建一個基本的面板，只需要向

元素添加 class .panel 和 class .panel-default 即可。

如下面的實例所示：


    
        這是一個基本的面板

面板標(biāo)題

我們可以通過以下兩種方式來添加面板標(biāo)題：

使用 .panel-heading class 可以很簡單地向面板添加標(biāo)題容器。

使用帶有 .panel-title class 的

- 來添加預(yù)定義樣式的標(biāo)題。

下面的實例演示了這兩種方式：


    
        不帶 title 的面板標(biāo)題
    
    
        面板內(nèi)容
    

 

    
        
            帶有 title 的面板標(biāo)題
        
    
    
        面板內(nèi)容

看完了這篇文章，相信你對bootstrap面板的使用方法有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

名稱欄目：bootstrap面板的使用方法
瀏覽路徑：http://weahome.cn/article/pdgdgi.html