Twitter bootstrap 如何将图像水平放置在文本框旁边？

我试图在下面的屏幕截图中复制这个布局，方法是在文本框旁边水平放置一个图像。数字三和四是图像，六和五是文本

对于文本，我应该使用什么

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

引导程序教程
Bootstrap是最流行的HTML、CSS和JS开发框架
响应迅速、移动优先的网络项目。

这是一些文字。

这是另一个文本。

在我必须在正确的位置输入文本后，我如何才能像下图那样将图像放置在文本的左侧

---

看起来您正在使用引导，所以请充分利用行和列：

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

图像框3
文本框6
图像框4
文本框5

有关引导使用的网格系统的更多信息，请参阅：

---

有人能帮我吗？这只是示例代码，不是复制粘贴的。到底是什么不起作用？