html - 在 Bootstrap 中，如何将我的按钮与上面的元素左对齐？

Question

我这里有一个 JSFiddle:

https://jsfiddle.net/sf4wkyx0/

我的“添加”按钮没有完全与文本区域左对齐:

但是两者前面都有一个类为 col-2 的元素，所以我不确定为什么对齐会稍微偏离。

如何让我的“添加”按钮与文本区域完全对齐？

Answer 1

添加按钮部分父级的 pl-0，就可以了。

<div class="row col-12 mb-2 pl-0">
  <div class="col-2 spacer"></div>
  <div class="col-10 pl-0 d-inline">
     <button type="button" class="btn btn-sm btn-primary ml-auto"> Add </button>
  </div>
</div>

你可以查看这个https://jsfiddle.net/7r0b8voj/