Please enable JavaScript.
Coggle requires JavaScript to display documents.
grid in bootstrap (建立 (row中 (col (預設 (等寬分配, 12個column), 設大小 (col-4)))),…
grid in bootstrap
建立
row中
col
預設
等寬分配
12個column
設大小
col-4
RWD
斷點
Extra small (xs)
< 576px
.col-
Small (sm)
≥ 576px
.col-sm-
Medium (md)
≥ 768px
.col-md-
Large (lg)
≥ 992px
.col-lg-
Extra large (xl)
≥ 1200px
lg- .col-xl-
例子
<div class="row">
<div class="col-4 col-md-4 col-lg-3">1</div>
<div class="col-4 col-md-4 col-lg-3">2</div>
<div class="col-4 col-md-4 col-lg-6">3</div>
</div>
用container包裹
<div class="container">
包 <div class="row">
包<div class="col-4 col-md-4 col-lg-3">1</div>