Bootstrap 4 Перекрытие контента в мобильных разрешениях - PullRequest
Новая
       5

Bootstrap 4 Перекрытие контента в мобильных разрешениях

0 голосов
/ 02 марта 2020

Я новичок с bootstrap 4, и я пытаюсь создать веб-сайт, который также хорошо работает на мобильных устройствах, но я не могу понять, как использовать иконку fontawesome без ее наложения, которую я пробовал изменив синтаксис на col- - , но это не поможет, я тоже попробовал поискать на форуме, но не могу найти общий ответ на мой вопрос.

My код: 

<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>```

1 Ответ

0 голосов
/ 02 марта 2020

Я вставил код в эту ссылку - https://www.w3schools.com/code/tryit.asp?filename=GCFUINP0WLBS, пожалуйста, проверьте его и дайте мне знать

...