Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
bootstrap [2015/04/21 08:42] – angelegt gerald | bootstrap [2024/02/29 13:36] (aktuell) – Externe Bearbeitung 127.0.0.1 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== Bootstrap ====== | ====== Bootstrap ====== | ||
+ | [[http:// | ||
- | [[http:// | + | [[http:// |
+ | |||
+ | [[http:// | ||
+ | |||
+ | ===== Grids ===== | ||
+ | |||
+ | Immer erst .container (full width mit .container-fluid), | ||
+ | |||
+ | |||
+ | * xs x-small (for phones) | ||
+ | * sm small (for tablets) | ||
+ | * md middle (for desktops) | ||
+ | * lg large (for larger desktops) | ||
+ | |||
+ | also: col-[size]-[anzahl von 12] | ||
+ | |||
+ | < | ||
+ | |||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | ... | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | ==== Clear Floats ==== | ||
+ | |||
+ | Clear floats (with the .clearfix class) at specific breakpoints to prevent strange wrapping with uneven content: | ||
+ | < | ||
+ | <!-- Add clearfix for only the required viewport --> | ||
+ | <div class=" | ||
+ | </ | ||
+ | |||
+ | ==== Rechtsbündig ==== | ||
+ | class | ||
+ | < | ||
+ | pull-right | ||
+ | </ | ||
+ | |||
+ | ===== Listen ===== | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ===== Typographie ===== | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== Naming a source ==== | ||
+ | |||
+ | |||
+ | Add a <footer class=" | ||
+ | |||
+ | < | ||
+ | < | ||
+ | <p class=" | ||
+ | <footer class=" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ==== Reverse layout ==== | ||
+ | |||
+ | |||
+ | Add .blockquote-reverse for a blockquote with right-aligned content. | ||
+ | |||
+ | < | ||
+ | < | ||
+ | <p class=" | ||
+ | <footer class=" | ||
+ | </ | ||
+ | </ | ||