it-swarm.com.de

Wie formatiere ich die Hintergrundfarbe mit Twitter Bootstrap?

Ich spiele hier mit den Styles auf der Website: http://www.grabapper.com

Ich versuche, die Hintergrundfarbe #2ba6cb In die Heldeneinheit aufzunehmen. Wenn ich einschließe:

<div class="row" style ='background-color: #2ba6cb;'>

Die Farbe reicht nicht bis zum Rand der Seite. Wie erhalte ich die Hintergrundfarbe, um zum Rand der Seite zu gelangen?

16
sharataka

Verschiebe deine Reihe vor <div class="container marketing"> und umhülle es mit einem neuen Container, da die aktuelle Container-Breite 1170px (nicht 100%) beträgt:

<div class='hero'>
  <div class="row">
   ...
  </div>
</div>

CSS:

.hero {
  background-color: #2ba6cb;
  padding: 0 90px;
}
14
cortex

Bootstrap-Standardhilfeklassen " Kontext-Hintergründe " zum Ändern der Hintergrundfarbe:

.bg-primary
.bg-default
.bg-info
.bg-warning
.bg-danger

Wenn Sie eine benutzerdefinierte Hintergrundfarbe festlegen müssen, können Sie Ihre eigenen benutzerdefinierten Klassen in das folgende style.css-Beispiel (eine benutzerdefinierte CSS-Datei) schreiben

.bg-pink
{
  background-color: #CE6F9E;
}
40
Khandad Niazi

Füge einfach ein div um das container hinzu, so dass es so aussieht:

<div style="background: red;">
  <div class="container marketing">
    <h2 style="padding-top: 60px;"></h2>
  </div>
</div>