Twitter bootstrap 3 我的列在引导中换行时没有左对齐

我有一行信息，我需要把它们分成两行，以便在一个小屏幕上显示。我想我可以通过为行的前两部分中的每一部分保留6列来实现，这样接下来的两部分就会自动换行到下一行。这是我试过的代码

        <div class="row">
                <div class="col-sm-2 col-xs-6  text-left "><label>Rule Number: </label></div>
                <div class="col-sm-2 col-xs-6 text-left">555555</div>
                <div class="col-sm-2 col-xs-6 text-left "><label>Rule Title:</label></div>
                <div class="col-sm-6 col-xs-6 text-left">This is my title </div>
        </div>      

这是我的头衔

---

如果我的规则编号足够大，可以环绕，那么我就得到了想要的输出。有没有办法在引导中实现我想要的？抱歉，规则标题：看起来像代码，我不知道如何添加空格，也不让它像代码一样对待它。

我找到了一个解决方案。使用clearfix类和visible xs类解决了这个问题

                    <div class="col-sm-2 col-xs-6 text-left">&nbsp</div><div class = "clearfix visible-xs"></div>

                    <div class="col-sm-2 col-xs-6 text-left">&nbsp</div><div class = "clearfix visible-xs"></div>