详解Bootstrap面板组件_html/css_WEB-ITnose

面板组件主要作用是用来处理一些其他组件无法完成的功能，在不同的版本中具有不同的源码：

LESS：panels.less

SASS:_panels.scss

基础面板非常简单，就是一个div容器中运用了类.panel的样式，产生一个具有边框的文本显示块，由于panel不控制主题颜色，所以在.panel基础上增加一个控制颜色的主题的类.panel-default,在里面添加一个div.panel-body来放置面板主体内容

.panel主要对边框、间距、圆角、左右一定的设置：

.panel {  margin-bottom: 20px;  background-color: #fff;  border: 1px solid transparent;  border-radius: 4px;  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}.panel-body {  padding: 15px;} 

基础面板的运用：

基础面板
    
        
这是一个基础面板，带默认主题样式风格

      
查看更多关于详解Bootstrap面板组件_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did112065