css Bootstrap 5列文本重叠

c9x0cxw0 于 2023-03-14 发布在 Bootstrap

关注(0)|答案(1)|浏览(122)

我用Bootstrap 5创建了一个基本的网页，我注意到列文本是重叠的。下面是代码，并附上了图片。全屏时，文本很好，随着我继续降低屏幕大小，文本的大小会减小，直到列开始工作，它修复。

<div class="row">

    <div class="col-sm-12 col-lg-4 col-md-5">

        <h1 class="display-1">Welcome to this site</h1>
    </div>
    <div class="col-sm-12 col-lg-8 col-md-7">

        <h1 class="display-1">Welcome to this site</h1>

    </div>

</div>

到目前为止，我所看到的任何建议似乎都对我不起作用。
我已经尝试了不同的列大小，并期望文本在重叠之前减少。

css

来源：https://stackoverflow.com/questions/75605219/bootstrap-5-column-text-overlapping

1条答案

按热度按时间

xdnvmnnf1#

我有一个解决方案可能会帮助你！我们需要在h1标签中添加“text-break”类。
谢谢！：）

<div class="col-sm-12 col-lg-4 col-md-5">

    <h1 class="text-break display-1">Welcome to this site</h1>

</div>

<div class="col-sm-12 col-lg-8 col-md-7">

    <h1 class="text-break display-1">Welcome to this site</h1>

</div>

赞(0）回复(0）举报 2023-03-14

我来回答

css Bootstrap 5列文本重叠

1条答案

相关问题

热门标签

最新问答