Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="patrick_l" data-source="post: 2546272" data-attributes="member: 194379">Die nach Sass portierte Version solltest du vielleicht erst einmal außen vor lassen und lediglich mit der kompilierten Version arbeiten. Dafür lediglich Bootstrap herunterladen und wie weiter oben beschrieben die bootstrap.min.css in bootstrap.min.scss umbenennen.Wenn bezüglich Preprocessor kein Grundlagenwissen vorhanden ist, du dich also erst in Sass (SCSS) einarbeiten musst, eher von einem Framework wie Bootstrap abrate. Allgemein sollte man solche Frameworks erst einsetzen, wenn man sie richtig kennen gelernt hat und weiß warum dieses oder jenes so oder so umgesetzt wurde.Wenn du Bootstrap trotzdem einsetzen möchtest, dann solltest du dieses Frakework lediglich auf dessen Website über Costomize anpassen und in deinem SCSS importieren. Danach lediglich deine Formatierungen verwenden und gegeben Falls einzelne Default-Werte durch eigene überschreiben.Kann ich nicht mit einem klaren Ja oder Nein beantworten. Wenn man sich jedoch mit <a href="http://getbem.com/introduction/" target="_blank">BEM</a> (Block-Element als Modifier), OOCSS (<a href="http://oocss.org/" target="_blank">Object-Oriented CSS</a>) und  (Scalable and Modular Architecture for CSS) auseinandergesetzt hat, man auch die unterschiedlichen Konzepte kennt und Preprocessor einzusetzen weiß, man definitiv modular arbeiten wird. Hier mal eine nette Zusammenfassung:- <a href="http://clubmate.fi/oocss-acss-bem-smacss-what-are-they-what-should-i-use/" target="_blank">OOCSS, ACSS, BEM, SMACSS: what are they? What should I use?</a>Wenn du dich damit beschäftigen möchtest, darf meiner Meinung nach ein Buch nicht fehlen. Und zwar Jonathan Snooks »« Gibt es als E-Book. Man kann es aber auch online kostenlos als OpenBook lesen. Ist jedoch auf englisch.Ganz am Anfang lege ich eine (für mich) sinnvolle Verzeichnisstruktur an. Orientiere mich da am Guide von Jonathan Snook. Kurz gesagt, alles wird modular umgesetzt. Arbeite häufig mit der PowerShell (Windows) oder dem Terminal (Mac). Ansonsten immer mehr mit <a href="http://gulpjs.com/" target="_blank">Gulp</a>  werkel. Jetzt jedoch einfach mal beim Aufbau bleibe und dir lediglich meine Verzeichnisstruktur zeige.[code][builds]- [development]- > [assets]- - > [css]- - - > main.sass // alle Unterverzeichnisse werden hier importiert!- - - > [tools]- - - - > [libs] // bourbon, compass- - - - > [frameworks] // bootstrap, foundation etc.- - - - > [resets] // normalize- - - - > [fonts] font-awesome, web-fonts etc.- - - > [base]- - - - > // base, variablen, cta (buttons) etc.- - - > [modules]- - - - > // video, slider, forms etc.- - - > [sections]- - - - > // jede sections in einer eigenen section-(name).sass - - - > [themes]- - - - > // pages - home, about, work etc.- - - > [print]- - - - > // Printausgabe (adaptiert vom HTML5Boilerplate)[/code]Beim Start komme ich allein damit schon auf knapp 130 externe Sass/SCSS Files und mehr. Sobald an der Seite gearbeitet wird, es auch weiter anwächst. Wie viele es direkt beim Start ohne großes Zutun sind, hängt auch mit den verwendeten Frameworks zusammen. Mittlerweile eigentlich nur mit Bourbon oder Compass arbeite. Bootstrap, Foundation und Co. immer seltener werden. Interessanterweise wird es auch mit den ganzen Dateien keineswegs unübersichtlicher. Eigentlich ist das genaue Gegenteil der Fall. Zugegeben, anfangs war es schon ungewohnt. Mittlerweile aber nicht mehr missen möchte. Kurz und knapp, es rockt einfach! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" />Liebe Grüße, Patrick</blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung: Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?