1

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 でこれを行う簡単な方法はありますか? 申し訳ありませんが、私はまだこれのコツをつかもうとしています。

4

1 に答える 1

1

残念ながら、これはクラス属性だけではできないと思います。

すべてのタブにクラスがあるため、メディア クエリを使用して xs ブレークポイントを.nbオーバーライドできます。.text-align

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

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

于 2013-11-14T19:21:29.203 に答える