Wie kann man Bootstrap einfach auf eine abgeschlossene ASP.net MVC 4 Anwendung anwenden?

Question

Ich habe eine ASP.net MVC 4 App erstellt. Jetzt habe ich beschlossen, Bootstrap 3.0.3 in meine App zu integrieren. Aber ich habe herausgefunden, dass es nicht einfach ist. Ich suchte auf Google und fand Tutorials, wo sie erklären, wie Bootstrap mit einer völlig neuen ASP.net MVC App zu integrieren.

Tutorial 1

Tutorial 2

Meine ASP.net MVC 4 app hat 'Razor' als Ansicht Motor und wähle ich die Vorlage 'Internet Application'.

Muss ich alle Ansichten Schritt für Schritt ändern, weil ich Bootstrap nicht am Anfang gewählt habe?

Wenn ich nur die bootstrap.css und bootstrap.js einschließen, werden die Seiten deformiert.

Answer 1

Sie müssen die Site.css-Datei nicht löschen, da sie das aktuell definierte Styling für Ihre Site enthält. Wenn Sie sie entfernen, entfernen Sie Ihr Styling. Wenn Sie die bootstrap.css einbinden wollen, rufen Sie diese VOR Ihrer site.css-Datei auf. Der Grund dafür, dass Ihre Website bei der Verwendung der Bootstrap-CSS-Datei verformt ist, liegt daran, dass Sie nicht für den Bootstrap, sondern für Ihre eigene benutzerdefinierte Site.CSS designt haben. Bootstrap kann je nach Komplexität Ihrer Site einfach oder extrem schwer zu integrieren sein. Selbst wenn Sie den Bootstrap css vor Ihrer CSS-Seite aufrufen, kann dies Auswirkungen auf Ihre Website haben. Sie müssen es nur hinzufügen, schauen Sie sich die Website an und machen Sie die erforderlichen Änderungen, um Probleme zu beheben.