können, besonders anfertigen Bootstrap 4 (Beta) Variablen nicht

Question

Dies ist, wie ich importieren style.css:

<link rel="stylesheet" type="text/css" href="/css/style.css?modified=1507947241"/>

An der Spitze der style.scss Ich habe einige Nicht-Bootstrap-Code und die folgenden:

@import "../node_modules/bootstrap/scss/bootstrap.scss";

I verwenden node-sass mit --output komprimiert. Es komprimiert Bootstrap und mein benutzerdefiniertes CSS einfach gut. Allerdings kann ich keine bootstrap Variable erfolgreich überschreiben. Ich mag die Urblau zu einem dunkleren Blau ändern:

$theme-colors: (
    primary: #003366, 
) 

Und keine Veränderung dieser Erklärung wird es tun. Ich habe versucht, eine benutzerdefinierte _variables.scss zu importieren, ich habe versucht, irgendetwas vor, nach, in der Mitte anderer Zeilen zu deklarieren. Ich habe versucht, wichtig und alles, was ich auf Stack Overflow finden konnte. :}

Answer 1

Bootstrap 4 Beta 2 löste dieses Problem. Read more here. Aktualisieren Sie einfach und starten Sie das Anpassen, wie Sie es erwarten würden.

Wir haben die Fähigkeit zur Anpassung von Sass-Karten verbessert. Mit Beta 1 hatten wir keine Einrichtung, um Ihre $ theme-colors Karte ohne zu ändern, die es wholesale. Das wurde in Beta 2 behoben und überschreibt bestehende Werte und fügt bei Bedarf weitere hinzu.