Bootstrap 4 整个div左侧的引导映像

所以我想得到这样的东西（图像在文本的左边）：

注意：当您运行示例时，请使用“完整页面”打开它

一些标题一些段落
其他段落

既然您使用的是Bootstrap-4，那么为您的用例使用

flex

类怎么样

工作片段如下：

一些头衔
一些巴拉圭

其他段落

我会自己回答，因为我认为我找到了一个更简单的解决方案：只需使用

。无排水沟

来去除两个孔之间的任何余量：

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
    <div class="container">
    <div class="row no-gutters">
      <div class="col-1">
        <img src="https://via.placeholder.com/50">
       </div>
      <div class="col-11">
       <h1>some title</h1><p>Some Paragrah</p><p>Other Paragraph</p>
      </div>
    </div>
    </div>

一些标题一些段落
其他段落

谢谢阿克伯！还有其他的官方方式吗？我的意思是，最后的图像必须在整个分区的左侧，图像上通常有

img fluid

类，以确保没有重叠。。。