小编Haa*_*Hub的帖子

Bootstrap 4 使用引导程序根据设备大小应用响应来定位元素

我使用 bootstrap4 创建一个移动优先的响应式布局,其中包含具有不同位置的元素,并设置了各种行和列,我可以针对不同类别的屏幕尺寸进行调整。

我想知道是否有纯引导样式类可以让我应用和删除不同大小的位置(绝对、固定、相对),而不必创建我自己的 css 媒体查询。

例如,如果我想让一个容器在移动设备上变得固定而在桌面上只在中等大小的屏幕上变得绝对......

<div id="back-to-top" class="position-fixed position-sm-absolute position-md-relative">
    <a href="#">
        <i class="fa fa-chevron-up"></i>
    </a>
</div>
Run Code Online (Sandbox Code Playgroud)

我也在使用带有 css 的 wordpress,因此无法轻松进入 sass。有什么建议?

html css media-queries responsive-design bootstrap-4

6
推荐指数
1
解决办法
1838
查看次数