So erstellen Sie einen Bootstrap-Theme-Switcher

Aus Gewohnheit habe ich einige Jahre lang in meiner Stadt etwas auf einer lokalen Website gekauft. Es war praktisch für mich, aber eines Tages änderte sich etwas in meinem Kopf und meine Stimmung war ein wenig beeinträchtigt, nicht nach jedem Einkauf. Es gab das Gefühl, dass mit der Site etwas nicht stimmte, aber ich konnte nicht herausfinden, was genau es war, da sich nichts geändert hatte. Ich brauchte einige Zeit, um zu verstehen, dass das Farbschema für mich langweilig geworden war und mich gereizt hatte. Die Lösung war auf jeden Fall offensichtlich: Ich sollte sie ändern, als würde ich normalerweise ein Hintergrundbild oder ein Thema auf meinem Telefon ändern, wenn sie langweilig werden. Ich habe jedoch in meinem Profil keine Einstellung gefunden, die mir dies ermöglicht. Da sie Bootstrap verwenden, dachte ich, Bootswatch-Themes können dort problemlos angewendet werden. Deshalb habe ich mich mit einem solchen Vorschlag an die Entwickler gewandt. Die Antwort war folgende: „Vielen Dank für Ihren Vorschlag. Die Komplexität dieser Funktion erlaubt es nicht, sie in naher Zukunft zu implementieren. Wir werden uns jedoch daran erinnern. „Ich war überhaupt nicht zufrieden, aber sie gaben mir Hoffnung. Ich habe also eine Weile gewartet, bis sie plötzlich ihr Geschäft geschlossen haben. Was für eine Überraschung! Ich habe es überhaupt nicht erwartet, und mir war auch der Grund dafür nicht bewusst, und ich interessiere mich nicht mehr dafür.

Da alle Hoffnungen ruiniert waren, begann ich meine eigene Untersuchung, um herauszufinden, wie schwer es wäre, so etwas wie einen Bootstrap Theme Switcher zu implementieren. Nachdem ich meine Forschung beendet habe, kann ich mit Sicherheit sagen, dass diese Aufgabe zwar nicht trivial ist, aber absolut nicht komplex ist. Okay, ich bin mit einigen Besonderheiten dieser Website nicht vertraut, daher besteht die Möglichkeit, dass diese Website für diese Website komplex ist. Jedenfalls schreibe ich diesen Artikel, um etwas Licht in diesen Aspekt zu bringen und zu zeigen, dass der Teufel nicht so schwarz ist, wenn er gemalt wird.

Kurz gesagt, was ist ein Bootstrap 4-Thema? Es ist nur eine CSS-Datei. Was muss ich tun, um einen Theme Switcher zu implementieren? Richtig, nur um diese CSS-Datei mit einer anderen zu ändern. Das ist es! Lass uns anfangen!

Ich wusste, dass diese Leute ASP.NET Web Forms verwendeten (es war offensichtlich, da auf allen Seiten die Endung "* .aspx" endete). Zunächst erstellte ich über Visual Studio eine leere ASP.NET-Website (Achtung, hören Sie nicht auf zu lesen! Ich habe unten eine Überraschung für Leute vorbereitet, die nur clientseitige Lösungen lieben). Fügen Sie Bootstrap-Skripts und -Stile zum neu erstellten Web hinzu Formularseite wie auf der Seite "Erste Schritte" vorgeschlagen: