。这是因为Bootstrap 4的栅格系统默认将页面分为12列,当图片放置在右侧时,它会占据一定的列数,导致文本所在的列向左移动。
为了解决这个问题,可以使用Bootstrap 4的偏移类(offset)来调整文本的位置。偏移类可以将列向右移动一定的列数,从而使文本与图片对齐。
具体操作步骤如下:
以下是一个示例代码:
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-6">
<img src="your-image.jpg" alt="Your Image">
</div>
<div class="col-md-6">
<p>Your text goes here.</p>
</div>
</div>
</div>
在上述代码中,col-md-6 col-md-offset-6将图片列向右移动6列,使文本与图片对齐。
推荐的腾讯云相关产品:腾讯云对象存储(COS)
腾讯云对象存储(COS)是一种高可用、高可靠、强安全的云存储服务,适用于存储、处理和访问各种类型的文件和媒体内容。它提供了简单易用的API接口和丰富的功能,可以满足各种场景下的存储需求。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云