Bootstrap 4 - Text vertikal ausrichten ?

[Orac]

Hallo,
ich habe folgendes

<div class="container">
<div class="row">
    <div class="col-md-8">
        <img src="test.png" alt="logo" />
    </div>
    <div class="col-md-4">
        <span class="align-bottom">text unten</span>
    </div>
</div></div>

ich möchte den Text im gruaen Feld unten anzeigen lassen.

wie geht das geanu ?

vielen Dank

 

[Sailor]

Wie soll man das beantworten, wenn man nicht sieht, was im CSS steht.
Aber eine Vermutung...
wenn in der 'class="align-bottom" ' die CSS Formatierung steht, die für das 'vertical-align: bottom;' des Textes im <span></span> zuständig ist, dann ist doch alles richtig ;)... der Text wird im 'span' unten eingefügt.
Solltest du den Text woanders unten einfügen wollen, dann musst du dir das passende Element suchen und die Formatierung dort zuweisen.

 

[Orac]

Wie soll man das beantworten, wenn man nicht sieht, was im CSS steht..

ich habe gedacht es reicht wenn ich Bootrstap 4 schreibe.
Beispiel habe ich von dieser Seite
https://v4-alpha.getbootstrap.com/utilities/vertical-align/

 

[Sailor]

;).. oh ja... aber das kenne ich leider nicht auswendig!
Aber lies mal genau, was ich geschrieben habe! Du weist dem <span> die Klasse 'align-bottom' zu und ohne dort genau hinschauen zu müssen, wird das wohl schon richtig funktionieren - der Text ist im <span> unten!
Nur leider ist der <span> selber ein Kindelement von <div class="col-md-4"> und positioniert sich in diesem div, wie es in der Klasse 'col-md-4' vorgegeben ist.

 

[Orac]

und wie geht das bei

<div class="clearfix ">
        <img class="float-left" src="test.png" alt="logo" />
        <p class="align-bottom text-right">text unten</p>
    </div>

 

[Sailor]

Was ist hier die Frage ?
Ich vermute, du willst das <p></p> Element unten platzieren.... oder?
Dann ist die Antwort genau die, die ich dir schon gegeben haben. Die Position eines Kindelementes in einem Elternelement - hier das <p> in einem 'umfassenden' <div> - wird von den Formatierungen des Elternelementes bestimmt.
Es nutzt nichts, dem <p> zu sagen 'align-bottom', denn das wirkt sich nur auf den Text im <p> aus.
Wenn du das <p> selbst nach unten bringen willst, dann musst du dem Elternelement (dem <div>) sagen, zeig uns deinen Inhalt 'align-bottom' an.