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

在bootstrap中，行只能包含列，因此您必须在行

中添加至少一列

失败

＆＃13;

<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>

＆＃13;

作品

＆＃13;

<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>

＆＃13;

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

1 个答案:

失败

作品