2015-01-28 4 views
0

Моей ручка: http://codepen.io/helloworld/pen/PwKzMJсамозагрузка 3 не применяется панель-первичной, как синий цвет фона

Я использую панель первичной, но фон не синий, а не граница становится голубоватой ...

Почему это?

<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; 
} 

ответ

3

Elisa

codepen ссылка добавила вас есть два класса

.panel-primary { 
    background-color: #006AB3 !important; 
} 

И

.panel .panel-footer{ 
    background:white; 
} 

Как специфичность панельных-футовый более так она была применена к сноске. Попробуйте удалить класс .panel-footer.

0

Попробуйте

.panel-primary { 
background-color: #337ab7; 
} 
0

Вам нужно

.panel .panel-footer{ 
    background: #006AB3; 
} 

Потому что ваша сноска полностью прикрывать панель :-)

Отредактировано CodePen: - http://codepen.io/anon/pen/OPjRMQ

+0

Нет, я хочу, чтобы заголовок был синим не всем ... – Elisabeth

Смежные вопросы