我使用bootstrap 4 utilities使用此html将按钮拉到屏幕右侧。它确实这样做了。
但是,按钮不会按预期下推其下方的内容。它们最终叠加在下面的内容之上。
如果我不使用extend
,那么这些按钮会保持对齐,但它们会推送下面的项目。
我还需要申请其他课吗?
pull-xs-right
答案 0 :(得分:41)
在Bootstrap中,为响应浮动添加了4个.float-{sm,md,lg,xl}-{left,right,none}
个类,并替换了.pull-left
和.pull-right
。
这意味着:
.pull-right
已被.float-right
.pull-left
已被.float-left
.pull-xs-right
错误,将.pull
替换为.float
拉{和1'之间的xs
表示超小,这决定了元素的大小。以下是更改元素大小的选项:{xs,sm,md,lg,xl}
其中xs
=超小,sm
=小,md
=中,lg
=大和xl
=超大
答案 1 :(得分:3)
如上所述,float取代了pull。因此.float-right
取代.pull-right
而.float-left
取代.pull-right
。您可以为不同的断点添加 - {sm,md,lg,xl}
,例如.float-md-right
将在中等大小的屏幕上中断。如果你没有大小,那么它不会破裂,并且总是按照指示的方向浮动。