bootstrap 4 pull-xs-right无法按预期工作

时间:2016-09-17 02:55:20

标签: css bootstrap-4

我使用bootstrap 4 utilities使用此html将按钮拉到屏幕右侧。它确实这样做了。

但是,按钮不会按预期下推其下方的内容。它们最终叠加在下面的内容之上。

如果我不使用extend,那么这些按钮会保持对齐,但它们会推送下面的项目。

我还需要申请其他课吗?

pull-xs-right

2 个答案:

答案 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 =超大

请参阅:https://v4-alpha.getbootstrap.com/migration/

答案 1 :(得分:3)

如上所述,float取代了pull。因此.float-right取代.pull-right.float-left取代.pull-right。您可以为不同的断点添加 - {sm,md,lg,xl},例如.float-md-right将在中等大小的屏幕上中断。如果你没有大小,那么它不会破裂,并且总是按照指示的方向浮动。