レスポンシブなインラインdivブートストラップ

Question

私はxsサイズのためにdivの中にテキストを作成しようとしています。それはではなく、以下のモバイルデバイス用の大きなサイズのデスクトップのために働く私のコードです：あなたはカスタムクラスを追加し、このように少しCSSを記述することができ、この

のために行う

<div class="row"> 
     <div style="background-color:lightblue;color:#33CAFF" 
       class="col-lg-2 col-md-2 col-xs-3">STEP 1 
     </div> 
     <div style="background-color:#33CAFF;color:white" 
       class="col-lg-4 col-md-4 col-xs-5">2.SELECT VEHICLES & EXTRAS 
     </div> 
     <div style="background-color:white;color:gray" 
       class="col-lg-2 col-md-2 col-xs-2">STEP 3 
     </div> 
     <div style="background-color:white;color:gray" 
       class="col-lg-2 col-md-2 col-xs-2">STEP 4 
     </div> 
     </div> 

Answer 1

ブートストラップクラスをサポートしていない可能性があります。

HTML

<div class="row"> 
    <div style="background-color:lightblue;color:#33CAFF" 
    class="col-lg-2 col-md-2 col-xs-3 xs-text-center">STEP 1 
    </div> 
    <div style="background-color:#33CAFF;color:white" 
    class="col-lg-4 col-md-4 col-xs-5 xs-text-center">2.SELECT VEHICLES & EXTRAS 
    </div> 
    <div style="background-color:white;color:gray" 
    class="col-lg-2 col-md-2 col-xs-2 xs-text-center">STEP 3 
    </div> 
    <div style="background-color:white;color:gray" 
    class="col-lg-2 col-md-2 col-xs-2 xs-text-center">STEP 4 
    </div> 
</div> 

CSSを使用しているブートストラップのバージョンは何

@media (max-width: 768px) { 
    .xs-text-center { 
    text-align: center; 
    } 
}