【bootstrap中的col-xs-*,col-sm-*,col-的意义 _响应式 _媒体查询】

bootstrap中的col-xs-*,col-sm-*,col-的意义

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

响应式媒体查询

详细描述

截图

代码

<div class="container">
    <div class="row">
        <div class="col-md-4">col-md-4</div>
        <div class="col-md-4">col-md-4</div>
        <div class="col-md-4">col-md-4</div>
    </div>
    <div class="row">
        <div class="col-md-4">col-md-4</div>
        <div class="col-md-8">col-md-8</div>

    </div>
    <div class="row">
        <div class="col-md-3">col-md-3</div>
        <div class="col-md-6">col-md-6</div>
        <div class="col-md-3">col-md-3</div>
  
    </div>

编辑于2024-04-11