html - 在Bootstrap中，如何使步进器左对齐？

这是一些Codepen代码：

https://codepen.io/thejohnsmith/pen/yYZPPW

我希望将弯曲的“ 1”保持对齐。

我尝试更改：

<div class="stepper">

至

<div class="stepper pull-left">

但这导致：



这不是我想要的，因为它缩小了步进器的尺寸。

如何在不影响尺寸的情况下使步进机左对齐？

最佳答案

正如我测试的那样：

<div class="stepper float-left">