Bootstrap5 Header Logo ?

[Warko]

Hallo,
irgendwie habe ich den überblick verloren, könnte jemand das vernüftig machen ?

Bootstrap5
ich hätte gerne das Logo links einen kleinen Text unter dem Logo wobei der Text rechts stehen sollte aber nicht weiter als Logo ist.
dann hätte gerne auf der rechten Seite eine Art platzhalter wo der Inhalt rechts angezeigt werden sollte.

hier mein HTML bis jetzt

Spoiler: html

<div class=" container vh-97 bg-1 mt-3 rounded-4">
<div class="container pt-3">
<div class="row test-verlauf rounded-top-4 ">
<div class="col-md-10">
<figure class="figure">
<img class="figure-img img-fluid rounded" src="img/testlogo.png"
data-bs-custom-class="dbi-popover"
title="test oben"
data-bs-toggle="popover"
data-bs-trigger="hover"
data-bs-html="true"
data-bs-placement="left"
data-bs-content="<img src='img/test.png'>&nbsp;&nbsp;text">
<figcaption class="figure-caption text-end">text unter logo</figcaption>
</figure>
</div>
<div class="col-md-2">22222222222222</div>
</div>
</div>




</div> <!-- // END vh-97 -->

 

[AndrewPoison]

Passt doch soweit, du hast nur der linken Spalte eine "col-md-10" gegeben und der rechten eine "col-md-2", damit ist die Spalte rechts halt sehr klein und die 2222.... passt nicht mehr rein. Stattdessen zwei "col-md-6" sollten schon mehr hergeben, aber idealerweise passt du es einigermaßen für jeden Viewport an (col-sm-xx, col-md-xx, col-lg-xx, col-xl-xx, col-xxl-xx)

 

[Warko]

mhh ok ein kleiner Text soll direkt unter dem Logo ganz rechts hin.
Aber nur soweit das Logo ist.