时间戳

首页 > 解决方案 > Bootstrap 4内容在移动分辨率中重叠

bootstrap-4 - Bootstrap 4内容在移动分辨率中重叠

问题描述

我是 bootstrap 4 的初学者，我正在尝试制作一个在移动设备上运行良好的网站，但我似乎无法弄清楚如何在不重叠的情况下使用 fontawesome 图标我尝试将语法更改为col- -但它不会做得更好我也尝试在论坛中查找，但似乎无法找到我的问题的一般答案。

我的代码：

<div class="container-fluid">
        <div class="row">
            <div class="col-2"></div>
            <div class="col-8 bg-dark text-white rounded">
                lorem ipsum
            </div>
            <div class="col-2"></div>
        </div>
        <div class="row">
            <div class="col-2"></div>
            <div class="col-1">
                <i class="fas fa-comment-dots fa-3x"></i>
            </div>
            <div class="col-7">
                <div class="row">
                    Discussão Geral
                </div>
                <div class="row">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a libero in odio rutrum pellentesque. Nullam condimentum aliquet nunc id maximus.
                </div>
            </div>
            <div class="col-2"></div>
        </div>
    </div>```

标签： bootstrap-4overlapping

解决方案

我已将代码粘贴在此链接中 - https://www.w3schools.com/code/tryit.asp?filename=GCFUINP0WLBS，请检查并告诉我

推荐阅读