當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/