Bootstrap

CSS und JS Framework für:

GridLayout #

<!--
Container sollte in umliegender Klasse sein die den Content umschließt
Beschreibt maximale Breite der Seite (1200px) oder nutze container-fluid als klasse um 100% Breite
zu erzeugen
-->
<div class="container">
    <div class="row">
        <!-- 
            Spalte ist auf XS Geräten (Smartphones hochkant) 12 Spalten breit (100%) 
            und auf medium und größer 6 Spalten (50%).
            Breite ist immer in 12 Spalten aufgeteilt
            Media Queries für:
            - xs: Smartphone hochkant
            - sm: Quer
            - md: Tablet
            - lg: Große Displays
        -->
        <div class="col-xs-12 col-md-6">
        </div>
    </div>
</div>

Buttons #

<button class="btn btn-primary">Primärer Button</button>

<button class="btn btn-secondary">Sekundärer Button</button>

<button class="btn btn-disabled">Deaktivierter Button</button>

<button class="btn btn-small">Kleiner Button</button>