当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

我不认为这不能单独使用class属性来完成。

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

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

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