我是引导程序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>```
我已在此链接中粘贴了代码-https://www.w3schools.com/code/tryit.asp?filename=GCFUINP0WLBS,请检查并告知我