小编Swa*_*ers的帖子

如何在 Bootstrap 5 中将文本环绕图像

我希望我的文字环绕我的图像。现在我正在使用 Bootstrap 5 网格系统。但这并没有给我想要的结果。我尝试在图像上使用“float: right”,但这不起作用。

文本应该真正环绕在拉到右侧的图像周围。

你将如何实现这一目标?

我的代码:

<section id="about" class="about">
      <div class="container">

        <div class="row">
          <div class="col-lg-7 pt-4 pt-lg-0">
            <h3>Over mij</h3>
            <br />
            <p>
              ... text ...
            </p>
          </div>
        
          <div style="text-align: left;" class="col-lg-5">
            <img src="assets/img/fotokristin.jpg" class="img-fluid imgshadow" alt="">
          </div>

        </div>

      </div>
    </section>
    <!-- End About Section -->

Run Code Online (Sandbox Code Playgroud)

html css bootstrap-5

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

bootstrap-5 ×1

css ×1

html ×1