2016-07-24 2 views
3

Я использую библиотеки bootstrap для создания своего сайта, и я хочу использовать CSS для изменения частей макета пакета, таких как цвет фона и цвет jumbotron, но ничего не будет сделайте эту работу.
Как применить CSS для совместной работы с бутстрапом.Использование CSS с Bootstrap не будет работать независимо от того, что я пытаюсь

.jumbotron 
    { 
     background-color:red !important; 
    } 

    #body 
    { 
     background-color:black; 
    } 


<body> 
    <div class="body"> 
    <div class="jumbotron"> 
     <div class="container text-center"> 
     <p>"Quote goes here"</p> 
     <h1>Site name</h1> 
     <p>Motto and slogan goes here</p> 
     </div> 
    </div> 
    </div> 
</body> 

Благодаря

+0

вы неправильно использовали вас селектор тела –

+0

ни один элемент в вашем коде не имеет '# body' значение в качестве' id' Attribué –

+0

http://jsbin.com/soxazopeya/1/edit ? html, css, output - Кажется работать. Вам нужно [MCVE] – Quentin

ответ

0

вы обертывают вы CSS в теге стиле?

<style type="text/css"> 
.jumbotron 
    { 
     background-color:red !important; 
    } 

body 
    { 
     background-color:black; 
    } 
</style> 
<body> 
    <div class="body"> 
    <div class="jumbotron"> 
     <div class="container text-center"> 
     <p>"Quote goes here"</p> 
     <h1>Site name</h1> 
     <p>Motto and slogan goes here</p> 
     </div> 
    </div> 
    </div> 
</body> 

results

+0

Я использую внешний файл CSS, теперь я получил jumbotron, работающий, поскольку я хочу, чтобы цвет фона все еще не работал, теперь я попытался использовать внутренний CSS, как ваш, и внешний CSS, а фон остается прозрачным (белый) –

+0

, вы должны использовать селектор тела, а не селектор #body. если он не работает с ключом F12 в вашем браузере Chrome и см. информацию о каскаде стиля. –

+0

Спасибо, я получил работу :) Спасибо за ваше время –

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