Bootstrap 4: Halben <br> Abstand? – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Bootstrap 4: Halben <br> Abstand? Mon, 14 Jan 19 17:58:12 Z https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740716#m1740716 https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740716#m1740716 <p>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>.</p> <p>Gibt es dafür von Bootstrap nichts vorgefertigtes? Möchte nicht jeden Satz in <p></p> packen.</p> Bootstrap 4: Halben <br> Abstand? Mon, 14 Jan 19 18:33:18 Z https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740717#m1740717 https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740717#m1740717 <p>Hallo</p> <p>Leere Absätze gehen natürlich gar nicht.</p> <p>Bootstrap ist eine Vorlage die ausdrücklich auch dafür gedacht ist um eigenes CSS einzubringen.</p> <p>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.</p> <p>Gruss</p> <p>MrMurphy</p> Bootstrap 4: Halben <br> Abstand? Tue, 15 Jan 19 06:32:05 Z https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740724#m1740724 https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740724#m1740724 <p>Hej Radi,</p> <blockquote> <p>Möchte zwei Sätze optisch durch eine Leerzeile trennen, die nur ca. halb so hoch ist wie eine normale Leerzeile mit <br>.</p> </blockquote> <p>Mit <code>br</code> schafft man eine semantische Aussage, keine optischen Effekte. Es gibt in HTML5 <strong>kein</strong> Element, dass dafür gedacht ist, Layout umzusetzen. HTML5 besteht ausschließlich aus Elementen zur logischen Strukturierung von Dokumenten.</p> <blockquote> <p>Gibt es dafür von Bootstrap nichts vorgefertigtes? Möchte nicht jeden Satz in <p></p> packen.</p> </blockquote> <p>Nein. Bootstrap ist ein Framework, das häufig benötigte Formatierungen bereitstellt, keine "Spezialfälle".</p> <p>Die Lösung wurde hier bereits genannt (<code>padding</code> und/oder <code>margin</code>), vielleicht in eigenen <code>p</code>-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 <code>br</code> erreichst du auch das nicht.</p> <p>Da geklärt ist, dass die Verwendung von Bootstrap für die Lösung deines Problems keine Rolle spielt, entferne ich den entsprechenden Tag…</p> <p>Marc</p> <div class="signature">-- <br> Ceterum censeo Google esse delendam </div> Bootstrap 4: Halben <br> Abstand? Mon, 14 Jan 19 20:05:09 Z https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740718#m1740718 https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740718#m1740718 <p>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: <a href="https://getbootstrap.com/docs/4.2/utilities/spacing/" rel="nofollow noopener noreferrer">https://getbootstrap.com/docs/4.2/utilities/spacing/</a></p> Bootstrap 4: Halben <br> Abstand? Mon, 14 Jan 19 22:47:35 Z https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740721#m1740721 https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740721#m1740721 <p>Hallo Radi,</p> <p>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.</p> <p>Ein <br> auf halbe Höhe zu bringen oder mit Margin zu versehen geht nicht so einfach. <br> ist dafür auch nicht gedacht.</p> <p>Mit <p>blablabla</p> schreibst Du auch nicht mehr als zweimal br.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - clusi </div> Bootstrap 4: Halben <br> Abstand? Tue, 15 Jan 19 06:55:23 Z https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740725#m1740725 https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740725#m1740725 <p>Hallo,</p> <blockquote> <p>Da geklärt ist, … entferne ich den entsprechenden Tag…</p> </blockquote> <p>Bitte keine Tage entfernen, da kommt mein Kalender durcheinander!</p> <p>Gruß<br> Kalk</p> Bootstrap 4: Halben <br> Abstand? Tue, 15 Jan 19 07:33:26 Z https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740727#m1740727 https://forum.selfhtml.org/self/2019/jan/14/bootstrap-4-halben-br-abstand/1740727#m1740727 <p>@@Tabellenkalk</p> <blockquote> <blockquote> <p>Da geklärt ist, … entferne ich den entsprechenden Tag…</p> </blockquote> <p>Bitte keine Tage entfernen, da kommt mein Kalender durcheinander!</p> </blockquote> <p>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.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div>