html - float bootstrap4 仅适用于一种尺寸的屏幕

Question

在 bootstrap 4 中，我想为按钮设置“float-right”，但仅限于 .col-sm-*对于其余部分，我使用 offset 并且一切正常，但是这个宽度按钮太长而无法抵消它，但我不想更改它的大小。

这可能吗？如果可以，我该怎么做。

Answer 1

Bootstrap 4 添加了各种额外的工具来处理像这样的响应需求:

http://getbootstrap.com/docs/4.0/utilities/float/#responsive

.float-*-*有很多种实用程序现在允许您添加(或删除)float基于 Bootstrap 为 sm 预定义的断点, md , lg , 和 xl .

根据您的需要，您可以使用如下组合:

<div class="float-sm-right float-md-none">...</div>

这适用 float: right对于 sm断点并将其删除 md和更广泛。