イメージをテキストボックスの横に水平に配置するにはどうすればよいですか？

Question

私は下のスクリーンショットでこのレイアウトを複製しようとしています。横にテキストボックスの横にイメージを配置します。数字3と4は画像、6と5はテキストです。

私はテキストを使用しますか？

<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> 

正しい場所にテキストを入力した後、下の図のように画像を左に配置するにはどうすればよいですか？

Answer 1

ブートストラップを使用しているように見えるので、うまく利用して、行と列を入れて：

用途をブートストラップグリッドシステムの詳細については

<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> 

：

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