Twitter Bootstrap 101 Anpassen

In die Dokumentation von Bootstrap ist eine praktische Seite zum Anpassen integriert, über die Sie schnell ein benutzerdefiniertes Farbschema, eine benutzerdefinierte Typografie und eine Reihe anderer CSS-Anpassungen implementieren können. Natürlich ist es am effektivsten, direkt mit den LESS-Dateien von Bootstrap zu arbeiten. Aber mit ein paar schnellen Anpassungen und für diejenigen, die lieber direkt mit CSS arbeiten, bietet diese Seite eine großartige Möglichkeit, Ihre Anpassungen zu beschleunigen.


Passen Sie Farben und Typografie an

In diesem Screencast erläutere ich Ihnen, wie Sie eine grundlegende Bootstrap-Site in ein dunkles Farbschema konvertieren. Wir geben ihm eine größere Navigationsleiste und ziehen ein paar Google-Web-Fonts ein. Der Prozess ist schnell und ziemlich schmerzlos!

In einem kurzen Folgevideo zeige ich Ihnen, wie Sie nach Fehlern suchen, die die Erstellung Ihrer benutzerdefinierten CSS-Dateien beeinträchtigen können. Sie müssen auf diese achten und in der Lage sein, sie zu beheben, wenn sie auftreten. Ich zeige dir wie das geht.

Am Ende werden viele von Ihnen dies als eine großartige Möglichkeit finden, den Ball für Ihre individuellen Designs ins Rollen zu bringen.


Alternativ können Sie das Video herunterladen oder Webdesigntuts + Screencasts über YouTube abonnieren

Achten Sie auf Fehler!

Selbst ein kleiner Tippfehler kann zu Fehlern beim Anpassungsprozess führen. Sie müssen nach einer "error.txt" -Datei suchen. Wenn es neben Ihrem benutzerdefinierten CSS angezeigt wird, müssen Sie es öffnen und verwenden, um fehlerhafte Einträge auf der Seite Anpassen zu finden und zu korrigieren. Lass mich dir ein Beispiel zeigen!


Alternativ können Sie das Video herunterladen oder Webdesigntuts + Screencasts über YouTube abonnieren

Ressourcen

Während dieser Videos haben wir verwendet:

  • Anpassen der Bootstrap-Seite
  • Google Web Fonts

Es kann auch hilfreich sein, auf die im Screencast verwendeten Farb- und Typografiewerte zu verweisen: