#bootstrap#十二格栅系统

mac2025-09-16  5

bootstrap页面布局的方式; 用到的标签: .container—fluid:100%宽度; .container:固定宽度; .row:在行里编辑 .col-md-1:占几个格子;一行十二个格子,超出自动换行;在里面编辑内容;

<div class="container—fluid"> <!-- 一行分成12等分 --> <div class="row"> <div class="col-md-1">占了一格</div> <div class="col-md-1">占了一格</div> <div class="col-md-1">占了一格</div> <div class="col-md-1">占了一格</div> <div class="col-md-1">占了一格</div> <div class="col-md-1">占了一格</div> <div class="col-md-1">占了一格</div> <div class="col-md-1">占了一格</div> <div class="col-md-1">占了一格</div> <div class="col-md-1">占了一格</div> <div class="col-md-1">占了一格</div> <div class="col-md-1">占了一格</div> </div> </div> </div>
最新回复(0)