携帯電話の場合、同じデスクトップ部門を分割したい

Question

デスクトップの場合、ブートストラップコードが正常に機能しているので、携帯電話の場合は同じdiv部門または同じ外観&をデザインしたいと思います。

<div class="row"> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
    <div class="col-lg-1">.col-lg-1</div> 
</div> 

Answer 1

適用する兄弟クラスcol-<size>-<num>を使用してください。 たとえば、グリッドで最小のサイズまで同じ除算を維持する場合は、col-xs-<num>クラスを使用します。錠剤などの中型デバイスを使用する場合は、小さいものを使用しない場合はcol-md-<num>を使用してください。部門は指定されたサイズからより大きなサイズまで保持されます。あなたがここにこの詳細については読むことができます

：あなたのケースではGrid Options

を示唆するように、単にcol-xs-1でcol-lg-1クラスを交換してください。