Html 在引导中，如何将按钮与上面的元素左对齐？

我这里有一个JSFIDLE：

我的“添加”按钮与文本区域不完全左对齐：

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

如何将“添加”按钮与文本区域左对齐？

您将嵌套。行类不正确。只要解决嵌套问题，一切都会好的

根据，当任何列.col都应嵌套在.row中时。这两者不应结合在一个元素上

.行{ 背景：f8f9fa； 边缘顶部：20px； } 上校{ 边框：实心1px 6c757d； 填充：10px； } 描述 添加 添加按钮部分父级的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>

你可以查一下