Ändern h1 Farbe der Bootstrap-Jumbotron

ziemlich neu gestartet und einfach angefangen zu spielen, um mit. Aber es gibt eine Sache (das sollte sehr offensichtlich) , kann ich nicht bekommen, um zu arbeiten. Und das ändern der Farbe des h1-tags in den jumbotron.

HTML-Code:

<!DOCTYPE html>
<html>
<head>
    <title>Hello WWW</title>
    <link rel="stylesheet" href="main.css">

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
</head>

<body>
    <div class="jumbotron">
        <h1>Progression of Connected Computing</h1>
        <p>Learn more about the internet</p>
    </div>
</body>
</html>

main.css-code:

.jumbotron h1{
    color: #fff;
}

.jumbotron p{
    color: #fff;
}

Das problem ist, die p-tags werden korrekt geändert und wieder weiß, aber aus irgendeinem Grund die h1-tags nicht? Wahrscheinlich etwas dumm, ich Tue aber ich kann nicht scheinen, um herauszufinden, was es ist. Danke!

InformationsquelleAutor Ethan | 2014-09-07

  1. 5

    Müssen Sie Ihren benutzerdefinierten main.css - Datei, nachdem Sie die bootstrap.css man, wenn Sie überschreiben möchten Ihre bootstrap Stile mit benutzerdefinierten main.css Stile.

    Oh, nun fühle ich mich dumm. Dank o/

    InformationsquelleAutor knitevision

  2. 2

    Ich einen einfachen Weg gefunden, das zu tun: nur wickeln h1 blog im inneren zum Beispiel span-blog; dann gelten bootstrap für span-blog. Zum Beispiel:

    <span class="text-success"><h1>Hello World</h1></span>

    InformationsquelleAutor thanhacun

  3. 1

    Ihrer benutzerdefinierten CSS-Datei platziert werden soll, NACHDEM die bootstrap.min.css, so sind Sie in der Lage, um es zu überschreiben.

    Wie diese - 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="main.css">

    InformationsquelleAutor Ramiz Wachtler

Schreibe einen Kommentar