Twitter Bootstrap-Hintergrundfarbe/ - Container-Farbe

Ich habe ein bootstrap-theme für meine WordPress-Website und ich bin versucht zu reproduzieren, ist das Thema in eine andere Seite.

www.bleep.io/blog

Das Thema hat einen grauen hintergrund, aber der div-container ist weiß - er vermittelt den Eindruck von einer grauen Umrandung.

Habe ich versucht, neu zu erstellen, indem man die hintergrund Farbe und die container weißen hintergrund. Aber das macht die nav-Leiste auch weiß.

Irgendwelche Ideen, wie ich dies tun?

Geben Sie der Navigationsleiste eine explizite Farbe in diesem Fall? Schwer zu sagen ohne Beispiel. Können Sie link zu Ihrem Projekt, damit wir sehen können, was Los ist???
Dies ist die Seite, die ich gemacht habe: bleep.io/contact.html
Ich versuchte Ihren Vorschlag und gab der navbar einen bestimmten hintergrund. Schien zu funktionieren www.bleep.io/contact2.html
Cool, schön, dass du es geschafft habe.

InformationsquelleAutor Nick Latocha | 2012-11-21

  1. 2

    Hallo gibt es von dem, was Sie sagen, Sie wollen einen weißen hintergrund gleiche wie das twitter bootstrap css-design, aber Sie können nicht ändern, der Körper weiß.

    Also müssen Sie finden diesen code auf, wenn Ihr Körper hat eine Klasse Hinzugefügt, es ist tag, finden Sie dieses in Ihre Seite ein template (sollte kurz vor der <body> tag):

    <style type="text/css" id="custom-background-css">
body.custom-background { background-color: #d4d4d4; }
</style>

    das ist das, was Sie suchen, um die Hintergrundfarbe zu ändern.

    EDIT:

    Suchen und ändern:

    .container {
background-color: #D4D4D4;
margin: 0px auto;
padding-right:24px;
padding-left:24px;
}

    und so:

    <style>
body {
padding-top: 60px; 
}
</style>

    Bitte überprüfen Sie auch Ihre css-Datei auf der Seite http://www.bleep.io/contact.html als eine gebrochene link und es kann die Ursache sein:

    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
    Nicht ganz... ich wollte kopieren Sie den grauen hintergrund aus dem wordpress-Thema und wenden Sie es auf http://www.bleep.io/contact.html

    InformationsquelleAutor Jeremy John

  2. 2

    Sollte man wohl unterlassen, die Bearbeitung der Haupt-bootstrap-Dateien. Weitere Dateien für Sie bereitgestellt werden, um Anpassungen durchführen. Schauen Sie für die wichtigsten.css und der main.js Dateien in den entsprechenden Verzeichnissen.

    Dies wird helfen, verhindern, dass ein totaler Bruch auf der Website, und sollte leichter zu reparieren und zu beheben, wenn die Notwendigkeit entsteht.

    Dies ist natürlich für diese Arten von geringfügigen änderungen. Wenn Sie erstellen eine komplette Thema: go for it.

    InformationsquelleAutor W. Shawn Wilkerson

Schreibe einen Kommentar