Radi: Bootstrap 4: Halben <br> Abstand?

Hi, ich experimentiere gerade mit Bootstrap 4. Möchte zwei Sätze optisch durch eine Leerzeile trennen, die nur ca. halb so hoch ist wie eine normale Leerzeile mit <br>.

Gibt es dafür von Bootstrap nichts vorgefertigtes? Möchte nicht jeden Satz in <p></p> packen.

  1. Hallo

    Leere Absätze gehen natürlich gar nicht.

    Bootstrap ist eine Vorlage die ausdrücklich auch dafür gedacht ist um eigenes CSS einzubringen.

    Als sinnvoll hat sich erwiesen eine eigene, zusätzliche, CSS-Datei zu erstellen und einzubinden, in die die eigenen CSS-Angaben geschrieben werden. Das gilt auch für Abstände wie margin oder padding.

    Gruss

    MrMurphy

    1. Bootstrap hat Klassen die Abkürzungen für padding, margin darstellen. Mit class="pt-GanzePositiveZahl" kann man z.B. ein padding-top einstellen. Details hier: https://getbootstrap.com/docs/4.2/utilities/spacing/

      1. Hallo Radi,

        wenn Du erreichen willst, dass nach einem SATZ eine halbe Zeilenschaltung Platz ist, dann solltest Du sinnvollerweise jeden SATZ als HTML Element auszeichnen und über Margin oder Padding diesen Platz herbeizuführen. <p> kann dafür das geeignete Element sein.

        Ein <br> auf halbe Höhe zu bringen oder mit Margin zu versehen geht nicht so einfach. <br> ist dafür auch nicht gedacht.

        Mit <p>blablabla</p> schreibst Du auch nicht mehr als zweimal br.

        Rolf

        -- sumpsi - posui - clusi
  2. Hej Radi,

    Möchte zwei Sätze optisch durch eine Leerzeile trennen, die nur ca. halb so hoch ist wie eine normale Leerzeile mit <br>.

    Mit br schafft man eine semantische Aussage, keine optischen Effekte. Es gibt in HTML5 kein Element, dass dafür gedacht ist, Layout umzusetzen. HTML5 besteht ausschließlich aus Elementen zur logischen Strukturierung von Dokumenten.

    Gibt es dafür von Bootstrap nichts vorgefertigtes? Möchte nicht jeden Satz in <p></p> packen.

    Nein. Bootstrap ist ein Framework, das häufig benötigte Formatierungen bereitstellt, keine "Spezialfälle".

    Die Lösung wurde hier bereits genannt (padding und/oder margin), vielleicht in eigenen p-Elementen. Wenn du die Sätze voneinander trennen möchtest, liegt es nahe anzunehmen, dass die auch inhaltlich einer Trennung in verschiedene Absätze bedürfen. Mit br erreichst du auch das nicht.

    Da geklärt ist, dass die Verwendung von Bootstrap für die Lösung deines Problems keine Rolle spielt, entferne ich den entsprechenden Tag…

    Marc

    -- Ceterum censeo Google esse delendam
    1. Hallo,

      Da geklärt ist, … entferne ich den entsprechenden Tag…

      Bitte keine Tage entfernen, da kommt mein Kalender durcheinander!

      Gruß
      Kalk

      1. @@Tabellenkalk

        Da geklärt ist, … entferne ich den entsprechenden Tag…

        Bitte keine Tage entfernen, da kommt mein Kalender durcheinander!

        Wenn du den 29. Februar nicht entfernst, mag zwar dein Kalender in sich nicht durcheinanderkommen, aber er kommt mit anderen Kalendern durcheinander. 🤪 Nächstes Jahr mag das anders sein.

        LLAP 🖖

        -- „Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann