2014-02-19 4 views
6

Ich verwende VS Express 2013 und versuche, ein Bootstrap-Thema für ein Roadkill-Wiki anzupassen. Ich versuche, die Körperfarbe durch ein Hintergrundbild zu ersetzen.Bootstrap.css ändern und die verkleinerte Version in Visual Studio aktualisieren?

Es ist einfach genug, die bootstrap.css zu ändern, aber um Website-Updates zu erhalten, müssen Sie Änderungen in bootstrap.min.css übertragen. Bisher ist mir nur bewusst, wie man das manuell macht. Ich bin auf der Suche nach einer Methode, mit der ich das Update der vereinheitlichten Version automatisch aktualisieren kann.

Ich vermute, es ist wahrscheinlich wirklich einfach zu tun, aber ich kann keine Schritte finden, wie dies zu tun ist.

+1

Dies ist nur das Ergebnis einer Google-Suche, aber es sieht aus wie das, was Sie wollen: http://arranmaclean.wordpress.com/ 2010/07/22/minify-combine-css-und-javascript-mit-visual-studio/ – snollygolly

+0

Haben Sie versucht, Erweiterung in VS "Web Essentials" hinzuzufügen, wenn Sie die. CSS ändern und es gibt .min.css es wird automatisch aktualisiert. –

Antwort

7

Erstellen Sie einfach Ihre eigene CSS-Datei und überschreiben Sie nur die CSS-Einstellungen, die Sie ändern möchten.

Stellen Sie sicher, dass Sie Ihre Überschreibungs-CSS nach dem Bootstrap laden, damit Ihre Überschreibungen Vorrang haben.

Auf diese Weise müssen Sie überhaupt keine Bootrack CSS bearbeiten.

0

In Visual Studio 2013, wenn Sie mit ASP.NET MVC (Sie haben nicht die erwähnt, aber ich vermute, Sie verwenden MVC 5, da Sie mit Roadkill Wiki arbeiten), Bündelung und Optimierungen zu CSS und JavaScript-Dateien werden automatisch ausgeführt, wenn sie aktiviert sind, da das NuGet-Paket Microsoft ASP.NET Web Optimization installiert ist.

Von Microsoft, wie zum Aktivieren/Deaktivieren ... bis in der Mitte des Artikels beziehen „Controlling Bündelung und Minifizierung“: http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification

0

Sie haben Recht, dass es wirklich einfach zu tun: http://cssminifier.com/ sehen. Ich habe gerade den gesamten Text meiner benutzerdefinierten Bootstrap-Datei eingefügt, auf "Minimieren" geklickt und die Ausgabe zurückkopiert, um den Inhalt von bootstrap.min.css zu überschreiben. (I eine Kopie der Datei · min nahm sich, sicher zu sein.)