Bootstrap - Bei Browserverkleinerung div automatisch anpassen

Hallo zusammen,

ich möchte eine Website erstellen, die in einer Section zwei nebeneinander liegenende Div's enthält.

In dem ersten Conatiner soll ein bisschen Text stehen und der zweite Container soll ein Bild enthalten.

Ich arbeite mit Bootstrap und habe folgenden Code erstellt:

<div class="col-12 col-xl-6 order-xs-1 order-sm-1  order-md-1 order-lg-1 order-xl-2">
   <div class="d-flex justify-content-center justify-content-xl-start">
      <div class="imagebox01">
         <img class="img-fluid" src="images/Bild0001.jpg" alt=""/>
      </div>
   </div>
</div>
<div class="col-12 col-xl-6 order-xs-2 order-sm-2 order-md-2 order-lg-2 order-xl-1">
   <div class="d-flex justify-content-center justify-content-xl-end">
      <div class="flex-column textbox01">
        <p>Individuelle Softwarelösungen.</p>
      </div>
   </div>
</div>

Wenn ich jetzt den Browser verkleinere, passt sich nur das Bild an die veränderte Größe an (img-fluid).

Das Bild wird kleiner und verschiebt sich nach oben.

Die Textbox verkleinert sich, wir aber nicht nach oben verschoben. Ich möchte gerne, dass auch die Textbox nach oben verschoben wird.

Ich würde gern an dem Aufbau festhalten.

Bin für jeden Lösungsansatz dankbar.

Dirk

Hallo,

welche Container soll ich denn entfernen? Kennst Du Bootstrap?

Bootstrap hat einen Marktanteil von über 60%. Wie kann das dann veraltet sein?

Ich finde das Framework ganz gut. Damit lassen sich einfache Websites gut erstellen.

Es geht doch in erster Linie um die Darstellung eines Bildes.

Manche setzen with fix und heigh auf auto um das Bild vernünftig anzupassen.

Ich möchte einfach einen Container erstellen, der sich bei der Verkleinerung der Weite ebenso wie das Bild verhält.

Dirk