时间戳

首页 > 解决方案 > Flex 项目在手机上对齐 - 引导程序

html - Flex 项目在手机上对齐 - 引导程序

问题描述

我对手机上的 flexbox 网格项目的对齐有问题 - 使用 Bootstrap 4.4.1。这些项目将越来越向右，我希望将它们放在中心（全部）。这是图像。 问题的图像 这是代码（带有引导类的 HTML）：

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

标签： htmlcsstwitter-bootstrapbootstrap-4

解决方案

推荐阅读