Umbruch mit bootstrap

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Bullets bekommst du mit list-style: none weg; Abstände mit margin und padding.

Letzteres musst du wohl nicht extra angeben, weil Bootcrap das für col-*-Elemente schon tut.

Leider stehen die letzten zwei Icons oft sehr merkwürdig am rechten Rand oder eines fällt sogar auf eine weitere Zeile. Augenscheinlich hat das mit der Textlänge in den Zeilen darüber zu tun.

Das normale Verhalten von Floats. Das kommt davon, wenn man Floats zum Layouten missbraucht.

☞ flexible grid, Bootcrap 3 😱

Die Bootstrap-Lösung wäre wohl: […] 😱

☞ flexible grid, Bootcrap 3, with column reset elements 😱

Und die ist: keine Floats verwenden. Also kein Bootstrap.

Kein Bootcrap 3, um genau zu sein. Bootcrap 4 verwendet Flexbox (gegenwärtig im Alpha-Stadium; ich weiß nicht, ob man das schon produktiv verwenden sollte).

☞ flexible grid, Bootcrap 4 😰

Aber auch kein Bootcrap 4. Mit CSS Grid hat man bereits ein Grid-System; man braucht dafür kein anderes Framework mehr. Mit CSS Grid geht’s einfacher und besser.

☞ flexible grid, no Bootcrap 😀

LLAP 🖖