我的笔:http://codepen.io/helloworld/pen/PwKzMJ
我使用面板-主,但背景不是蓝色,而是边框变蓝.
为什么要这样?
<div id="main-container" class="container-fluid">
<div class="row">
<div>
<div class="panel panel-primary">
<div class="panel-body">
Customer
</div>
<div class="panel-footer">
<div class="row">
<div class="col-xs-6">
<img class="img-responsive col-xs-12" src="http://s16.postimg.org/tqs90puwl/customer.png"></img>
</div>
<div class="col-xs-6 col-bottom">
<ul class="list-group">
<li class="list-group-item ">Intel</li>
<li class="list-group-item ">Micron</li>
<li class="list-group-item ">Infineon</li>
<li class="list-group-item ">First Solar</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
#main-container
{
margin:10px;
}发布于 2015-01-28 10:40:32
Elisa
由您添加的代码链接有两个类
.panel-primary {
background-color: #006AB3 !important;
}和
.panel .panel-footer{
background:white;
}由于面板页脚的特异性更多,因此它已被应用于页脚。尝试删除.面板页脚类。
发布于 2015-01-28 10:27:47
尝尝这个
.panel-primary {
background-color: #337ab7;
}发布于 2015-01-28 10:36:30
你需要
.panel .panel-footer{
background: #006AB3;
}因为你的页脚完全覆盖了你的面板:-)
https://stackoverflow.com/questions/28189797
复制相似问题