html - 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>

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

在 Bootstrap 3 中是否有一种简单的方法可以做到这一点？抱歉，我仍在努力解决这个问题。

Answer 1

不幸的是，我认为仅靠类属性不能做到这一点。

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

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

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