Css 引导4向右拉X未按预期工作

我用这个html来拉屏幕右侧的按钮。它确实做到了这一点

但是，按钮不会按预期按下其下方的内容。它们最终覆盖在下面内容的顶部

如果我不使用

pull xs right

，则按钮是左对齐的，但它们会推动下面的项目

我还需要申请别的课程吗

       <div class="pull-xs-right">
            <button click.delegate="saveEdit()"
                    type="submit"
                    class="k-button k-primary">
                Save
            </button>
            <button click.delegate="cancel()"
                    class="k-button">
                Cancel
            </button>
        </div>

拯救
取消

在bootstrap4

中，为响应浮点添加了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

在pull和right之间的

xs

表示超小，它决定了元素的大小。以下是更改元素大小的选项：

{xs，sm，md，lg，xl}

其中

xs

=超小，

sm

=小，

md

=中，

lg

=大和

xl

=超大

---

参见：

如上所述，浮子取代拉力。所以

。向右浮动

替换

。向右拉

和

。向左浮动

替换

。向右拉

。您可以为不同的断点添加-

{sm，md，lg，xl}

，例如

。float md right

将在中型屏幕上中断。如果您省略了尺寸，则它将不会断裂，并且始终按照指示的方向浮动

在JSFIDLE上共享您的工作。将xs向右拉只会添加

float:right

，这样您的div将保持100%宽度的块，谢谢！我已经为此失去了两个小时的生命。。。下一次我会尽快查找迁移文档…在中没有

float xs right

而是从

sm

开始，例如

float sm right

很抱歉延迟将其标记为正确答案。我之前不知怎么错过了这个。