Adaption der Bootstrap 4.5 Stylesheets für SoSci Survey

Auf Basis der .scss-Stylesheet-Dateien aus Bootstrap 4.5 werden hier Styles generiert, die ein einfaches Einbinden in SoSci Survey erlauben. Das ermöglicht einerseits die Nutzung bekannter Stylings im Fragebogen, andererseits ein vielfach getestetes responsives Design für optimale Fragebogengestaltung auch für mobile Endgeräte.

Details gibt es auch unter getbootstrap.com und soscisurvey.de.

Einbindung in SoSci

Möglichkeit 1

Die layout.bs.xml-Datei herunterladen und im entsprechenden SoSci-Fragebogen unter Fragebogen-Layouts ganz unten "aus Datei importieren". Fertig.

Möglichkeit 2

Für etwas mehr Gestaltungsspielraum kann auch die bootstrap4sosci.min.css-Datei heruntergeladen und als Mediendatei in SoSci hochgeladen werden. Im Layout des Fragebogens muss die Mediendatei dann noch eingebunden werden, indem in der "HTML-Vorlage für den Fragebogen" die folgenden zwei Code-Zeilen in den head-Bereich eingebunden werden:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="bootstrap4sosci.min.css" rel="stylesheet">

Fertig.

Weiterenticklung

nodejs am Start haben
Repository klonen
im geklonten Verzeichnis npm install ausführen
Änderungen vornehmen
im geklonten Verzeichnis npm run css ausführen
testen und Änderungen wieder der Allgemeinheit zur Verfügung stellen

Sonstiges