Question

我read已删除pull-right类并且取而代之的是.float-{sm,md,lg,xl}-{left,right,none}等类，如this question所示。

但我无法让它发挥作用。我已经设置了一个演示 https://jsfiddle.net/kneidels/x8Lhmajc/1/ 你会看到＆＃34; menu＆＃34;在左上角，有一个下拉附加。应该浮动到右边但是你可以看到它不起作用。

Answer 1

我设法使用类 col和float-right 一起使用它。这是plunker和fiddle。但通常情况下，只要浮动就足够了。

flex-row-reverse

如果你只需要移动菜单，请将 col-sm-12 （md，lg，你需要的东西）包裹起来，并在示例中使用 float-right （请参阅此内容） fiddle）。

 <div class="col float-right">                
     <div class="dropdown actionButtons float-right">
     //your content
   </div>
</div>

Answer 2

Map data = JSON.decode(response); var videos = data['items']; //returns a List of Maps for (var items in videos){ //iterate over the list Map myMap = items; //store each map print(myMap['snippet']); } div现在位于.row，这就是浮动无法正常工作的原因！你可以

1）将内容包装在display:flex中（这是使用网格的正确方法：如果您不使用<div class="col-sm-12></div>，您最终会得到负边距和部分内容不可见）

2）使用此处列出的其中一个弹性工具https://getbootstrap.com/docs/4.0/utilities/flex/，如课程.col-something

Answer 3

可能会有点晚，但我也很难过。每当我设法将列放在＆＃34;行＆＃34;上课，什么都不会让我拉。我想这是有效的，这是我的解决方案;

＆＃13;

<div class="row">
   <div class="col order-last">
      Whatever
   </div>
</div>

＆＃13;

bootstrap 4中的右拉替换不起作用

3 个答案: