代码之家  ›  专栏  ›  技术社区  ›  Priyank Dey

在bootstrap3中,唯一的类col-xs-12是如何在大屏幕上工作的?[副本]

  •  0
  • Priyank Dey  · 技术社区  · 7 年前

    讨论bootstrap3的网格系统。如果我们使用 col-xs-12 类在我们的代码中,它也适用于大屏幕和小屏幕,尽管不需要使用 col-sm-12 col-md-12 col-lg-12 班级。

    从下图可以清楚地看出,超小型设备 <768px . 那么,当我们使用时,它如何适用于大屏幕 只有

    enter image description here

    从编码来看,下面的代码也适用于大屏幕,尽管我只使用了 class="col-xs-12" ,没有使用 class="col-sm-12" class="col-md-12" class="col-lg-12"

    <div class="container">        
        <div class="row">
            <div class="col-xs-12">ABC</div>            
        </div>
    </div>
    
    1 回复  |  直到 7 年前
        1
  •  0
  •   Matt    7 年前

    我想答案就在 bootstrap.css 文件 col-xs-12 您会注意到宽度设置为 100% ,这意味着只使用 col-xs-12

    因此,如果您知道一个特定的div在所有响应视图上都是全宽的,而不是编写大量代码,那么您只能调用 col-xs-12 ,保持代码干净简单。