2016-07-24 5 views
3

Ich benutze Bootstrap-Bibliotheken, um meine Website zu erstellen und ich möchte mit CSS Teile des Layouts wie die Hintergrundfarbe und die Farbe des Jumbotrons ändern, aber nichts wird mach diese Arbeit.
Wie verwende ich CSS, um mit Bootstrap zu arbeiten.Die Verwendung von CSS mit Bootstrap funktioniert nicht, egal was ich versuche

.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> 

Dank

+0

Sie Ihren Körper Selektor –

+0

kein Element in Ihrem Code hat den '# body' Wert als die falsch verwendet' id' Attribué –

+0

http://jsbin.com/soxazopeya/1/edit ? html, CSS, Ausgabe - scheint zu funktionieren. Sie benötigen ein [MCVE] – Quentin

Antwort

0

Sie wickeln Sie im Stil-Tag 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

Ich benutze externe CSS-Datei, jetzt habe ich den Jumbotron funktioniert, wie ich es will aber die Hintergrundfarbe funktioniert immer noch nicht, jetzt habe ich versucht, interne CSS wie Ihre und externe CSS und der Hintergrund bleibt transparent (weiß) –

+0

sollten Sie verwenden der Körperwähler, nicht der # Körperwähler. Wenn es nicht funktioniert, drücken Sie F12 in Ihrem Chrome-Browser und sehen Sie sich die Style-Cascade-Info an. –

+0

Danke ich habe es funktioniert :) Danke für Ihre Zeit –

Verwandte Themen