Html 如何将图像和文本并排制作一个部分

如何在bootstrap中创建这样的节

您可以使用bootstrap

<div class="row">
<div class="col-md-6 bg-grey">
....Your text here
</div>
<div class="col-md-6" style="background-image: url('/images/bg.png')">
</div>
</div>

……你的文字在这里

---

取决于您的屏幕截图，此代码可能会有帮助

您最常用的引导网格也适用于您需要使用属性的文本网格顶部的空间

<div class="row">
<div class="col-lg-6" style='padding-top: 50px;'>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
</div>
<div class="col-lg-6" style="background-image: url('/images/bg.png')">
</div>
</div>

这是一位杰出的领袖，他是一位伟大的领袖

---

另外，我建议您阅读这篇文章以了解不同的大小：

欢迎来到SO。请提供您的代码并解释哪些不起作用。看