Wie kann ich ein Bild neben dem Textfeld horizontal platzieren?

Question

ich versuche, dieses Layout im folgenden Screenshot zu replizieren, indem Sie ein Bild neben dem Textfeld horizontal platzieren. Die Zahlen drei und vier sind Bilder, sechs und fünf sind Text.

Für den Text sollte ich verwenden?

<div class="container"> 
    <div class="jumbotron"> 
    <h1>Bootstrap Tutorial</h1> 
    <p>Bootstrap is the most popular HTML, CSS, and JS framework for developing 
    responsive, mobile-first projects on the web.</p> 
    </div> 
    <p>This is some text.</p> 
    <p>This is another text.</p> 
</div> 

Nachdem ich an der richtigen Stelle Text eingeben muss, wie kann ich ein Bild auf der linken Seite wie im Diagramm unten platzieren?

Answer 1

Sieht aus wie Sie Bootstrap verwenden, so stellen die Zeilen und Spalten für einen guten Zweck:

<div class="row"> 
    <div class="col-xl-4"> Image box 3</div> 
    <div class="col-xl-8"> Text box 6</div> 
</div> 
<div class="row"> 
    <div class="col-xl-4"> Image box 4</div> 
    <div class="col-xl-8"> Text box 5</div> 
</div> 

für weitere Informationen über das Grid-System, das Bootstrap verwendet:

https://v4-alpha.getbootstrap.com/layout/grid/