Boostrap4帮助类pull-xs-left

Question

这在理论上应该工作不？我想把这个盒子漂浮在右边......连续3列......我在这里做错了什么？

这里是笔：https://codepen.io/lucky500/pen/JbMMby

<div class="container"> 
 
    <div class="row"> 
 
    <div class="column col-xs-4 pull-xs-left"> 
 
    <div class="card card-block"> 
 
     <h4 class="card-title">Card title</h4> 
 
     <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> 
 
     <a href="#" class="card-link">Card link</a> 
 
     <a href="#" class="card-link">Another link</a> 
 
    </div> 
 
    </div> 
 
</div> 
 
</div>

感谢帮助！

Answer 1

您在codepen中使用的bootstrap 4的版本不包含pull- {breakpoint} - {left/right}。 BS4的课程最近一直在迅速变化，因此您可能在文档中使用课程时遇到麻烦。例如，拉 - 已经改变为浮动 - 就在最近。

您仍然可以在示例的BS4版本中使用左拉和右拉。