Responsive margin/padding:
The classes are named using the format {property}{sides}-{size} for xs and {property}{sides}-{breakpoint}-{size} for sm, md, lg, and xl (e.g., mb-sm-0; pt-lg-3; m-md-5)
Quelle: https://getbootstrap.com/docs/4.4/utilities/spacing/
Bootstrap column order:
Use .order- classes for controlling the visual order of your content. These classes are responsive, so you can set the order by breakpoint (e.g., .order-1.order-md-2). Includes support for 1 through 12 across all five grid tiers.
Quelle: https://getbootstrap.com/docs/4.0/layout/grid/#order-classes
Elemente ein und ausblenden (Responsive Design)
Diese Seite schaut man am besten mit Firefox an. Über die Tastenkombination cmd - alt - m (MacOS) oder Strg - Alt - M (Windows) kann hier eine responsive Ansicht eingeschalten werden, bei der die gängigsten Ausgabegeräte oben hinterlegt sind.
Die Einstellungen zum Verschwinden der Elemente können bei (fast) allen Elementen vorgenommen werden. Man bearbeitet das Element, klickt auf "Erscheinungsbild" und scrollt dann nach unten bis zu den Utility Settings. Dort lässt sich als erster Punkt "Hiding / Display Elements" auswählen.
Hidden only on xs [d-none d-sm-block]
Dieses Element verschwindet nur in der kleinsten Ansicht (XS)
Hidden on sm and down [d-none d-md-block]
Dieses Element verschwindet in den Ansichten XS und SM
Hidden on md and down [d-none d-lg-block]
Dieses Element verschwindet in den Ansichten XS und SM und MD
Hidden on lg and down [d-none d-xl-block]
Dieses Element verschwindet in den Ansichten XS, SM, MD und LG. Ist also nur in XL sichtbar.
Hidden only on xl [d-xl-none]
Dieses Element verschwindet nur in der Ansicht XL
Visible sm and down [d-block d-md-none]
Dieses Element ist in den Ansichten XS und SM sichtbar.
Visible md and down [d-block d-lg-none]
Dieses Element ist in den Ansichten XS, SM und MD sichtbar.
Visible lg and down [d-block d-xl-none]
Dieses Element ist in den Ansichten XS, SM, MD und LG sichtbar.