Bootstrap v4 float-right不起作用.[替换为右拉]

Question

基本上,我有最新版本的bootstrap Currently v4.0.0-beta.3,我无法使用官方文档正确对齐元素.我在网上搜索解决方案,但我一无所获.他们都是关于创建一个新课程right: 0;,但这不是重点.有人能告诉我我做错了什么,还是只是一个错误？

我还发现了一个令人伤心的帖子flex,但是他们没有解释为什么或如何解决它.

我甚至拿了他们的官方例子,从文档中,它不起作用.这是一个例子:

<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

结果:

Float left on all viewport sizesFloat right on all viewport sizesDon't float on all viewport sizes

我把它们放在一个div与row类,什么都没有改变.

对于那些不知道的人,Bootstrap pull-right在最新版本中删除了类,并将其替换为float-right.

Answer 1

在引导程序中,行只能包含列,因此必须在行内添加至少一列

失败

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet" />

<div class="row">
  <div class="float-left">Float left on all viewport sizes</div><br>
  <div class="float-right">Float right on all viewport sizes</div><br>
  <div class="float-none">Don't float on all viewport sizes</div>
</div>

作品

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet" />

<div class="row">
    <div class="col">
        <div class="float-left">Float left on all viewport sizes</div><br>
        <div class="float-right">Float right on all viewport sizes</div><br>
        <div class="float-none">Don't float on all viewport sizes</div>
    <div>
</div>