Target Angular 4 CSS auf eine einzelne Seite div

Question

Guten Tag. Prämisse: Ich bin kein Webentwickler und ich kenne mich mit all diesen neuen Namen, die von einem Moment zum nächsten auftauchen, kaum aus. Dann bitte ich Sie, nichts als selbstverständlich zu betrachten.

Meine Frage ist sehr einfach: Ich möchte Bootstrap 4 Stil nur auf bestimmte Elemente (z. B. ein div) meiner Seite target: der Rest der Seite muss nicht mit diesen Stilen beteiligt sein.

Ich bemerke, dass ein Kollege von mir auf einer älteren Version Bootstrap-LESS verwendet, aber ich rot, dass es nicht 4.

Irgendwelche Ideen in Bootrastrap unterstützen wird?

Danke, Sergio

Answer 1

Ich denke, die Lösung gefunden zu haben, aber ich würde gerne wissen, ob es der richtige Weg ist. Hier meine Schritte:

I heruntergeladen Bootstrap 4 Dateien

npm install bootstrap@4.0.0-alpha.6 

von DOS-Eingabeaufforderung in einem lokalen Ordner

Dann modifizierte ich bootstrap.scss Datei in node_modules platziert mit \ Bootstrap \ SCSS Umgebung Alle Code mit einer Klasse (zB. thisismyclass {...})

Ich habe dann Koala von dieser Website heruntergeladen 10

Ich habe den gesamten lokalen Ordner (wo die Boostrap-Dateien sind) in der Koala UI hinzugefügt.

Automatisch erstellt er die. CSS-Dateien in der Nähe der SCS-Dateien mit dem Verweis auf meine manuell hinzugefügte Klasse.

Nun, auf meiner Seite, habe ich den Verweis zu meinem neuen CSS hinzugefügt und dann habe ich meine Hauptklasse zum Div hinzugefügt, das Bootstrap-Stile verwenden muss.

Es ist richtig?

Danke, Sergio