本文實(shí)例為大家分享了Bootstrap面板展示的具體代碼，供大家參考，具體內(nèi)容如下

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：主機(jī)域名、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、南陽網(wǎng)站維護(hù)、網(wǎng)站推廣。

一、基本的面板

html代碼

 
 
 
  
  
  
  
 
  
 
 
 
      
 
 
   
   
這是一個(gè)基本的面板
 
   
只需要向 div元素添加 class .panel 和 class .panel-default 
 
   
 
 
      
 
 
  
不帶 title 的面板標(biāo)題 
 
  
 面板內(nèi)容 
 
 
 
 
 
  
 
   
帶 title 的面板標(biāo)題 
 
  
 
  
 面板內(nèi)容 
 
 
 
      
 
 
   
   
這是一個(gè)基本的面板
 
   
.panel panel-footer面板腳注
 
   
 
 
      
 
 
  
面板標(biāo)題
 
  
這是一個(gè)基本的面板 
 
 
 
 
 
  
面板標(biāo)題
 
  
這是一個(gè)基本的面板 
 
 
 
 
 
  
面板標(biāo)題
 
  
這是一個(gè)基本的面板 
 
 
 
 
 
 
 
 

效果圖

二、帶表格的面板

為了在面板中創(chuàng)建一個(gè)無邊框的表格，我們可以在面板中使用 class .table。假設(shè)有個(gè)

 
  
 
   
帶 title 的面板標(biāo)題 
 
  
 
  
 面板內(nèi)容 
 
  
 
   
 
    
姓名
 
    
年齡
 
   
 
   
 
    
李白
 
    
25
 
   
 
   
 
    
李白
 
    
25
 
   
 
  
 
 
 

 
  
 
   
面板標(biāo)題 
 
  
 
  
這是一個(gè)面板。這是一個(gè)面板。這是一個(gè)面板。這是一個(gè)面板。這是一個(gè)面板。 
  這是一個(gè)面板。這是一個(gè)面板。這是一個(gè)面板。這是一個(gè)面板。 
  這是一個(gè)面板。這是一個(gè)面板。這是一個(gè)面板。這是一個(gè)面板。 
  
 
  
 
   
唐代詩人李白
 
   
唐代詩人李白
 
   
唐代詩人李白
 
   
唐代詩人李白