如何在Bootstrap中列折叠时更改css属性？

Question

http://jsfiddle.net/rLz6s/

<div class="row">
        <div class="col-sm-2 text-right">Step 1.</div>
        <div class="clearfix visible-xs"></div>
        <div class="col-sm-10> Click to Upload Photos</div>
      </div>

“Step”选项卡在桌面宽度时将文本对齐，但是当它折叠时，我希望文本左对齐。

在Bootstrap 3中有一种简单的方法吗？对不起，我还在努力解决这个问题。

Answer 1

遗憾的是，我认为不能单独使用类属性。

由于选项卡都具有.nb类，因此您可以使用媒体查询覆盖xs断点的.text-align。

@media (max-width: 768px) {
    .text-right.nb {
        text-align: left;
    }
}

示例：http://jsfiddle.net/rLz6s/3/