Выравнивание элементов Flex на телефонах - bootstrap - PullRequest
Новая
       51

Выравнивание элементов Flex на телефонах - bootstrap

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

У меня проблема с выравниванием элементов сетки flexbox на телефонах - при использовании Bootstrap 4.4.1. Элементы будут все больше и больше справа, и я хочу, чтобы они были в центре (все они). Вот изображение. Image of the problem А вот код (HTML с bootstrap классами): 

            <div class="d-sm-flex flex-row bd-highlight mb-3 justify-content-center">
                <div class="p-2 bd-highlight pr-4 text-center"><h1>225+<br><h4>Produktů v databázi</h4></h1></div>
                <div class="p-2 bd-highlight pr-4 pl-4 text-center"><h1>500+ <br></h1><h4>Spokojených zákazníků</h4></div>
                <div class="p-2 bd-highlight pl-4 text-center"><h1>105+ <br></h1><h4>Nových funkcí a úprav</h4></div>
                <div class="p-2 bd-highlight pl-4 text-center"><h1>2 <br></h1><h4>Kategorie produktů</h4></div>
            </div>
        </section> ``
...