Question

理论上这应该不行吗？我试图把这个盒子向右浮动......在有3列的行上......我在这里做错了什么？

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

＆＃13;

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

＆＃13;

感谢帮助！

Answer 1

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

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

Answer 2

Bootstrap4扩展包含col-pull-*和col-push-*类。

解决方案：

    <div class="container">
        <div class="row">
            <div class="column col-xs-4 col-push-3">
                <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>

http://bootstrap-extension.com/

Boostrap4辅助类pull-xs-left

2 个答案: