Bootstrap

CSS/JS Framework. Source und Doku - Templates.

Bauen der CSS und JS Dateien

Installation von node.js und Grunt erforderlich, Doku. Im Installationsverzeichnis von bootstrap:

grunt dist

Eigene CSS integrieren

Eine eigene less Datei less/[name].less erstellen und in less/bootstrap.less am Ende der Datei einbinden:

..
// oberguru.net
@import "oberguru.less";

Media Queries

Vordefinierte Bootstrap Klassen:

@media(max-width: @screen-xs-max){}        // < 768 px
@media(min-width: @screen-tablet){}            // > 768 px 
@media(min-width: @screen-desktop){}           // > 992 px
@media(min-width: @screen-lg-desktop){}        // > 1200 px