bootstrap中container類和container-fluid類的區(qū)別
2 回答
拉莫斯之舞
TA貢獻1820條經(jīng)驗 獲得超10個贊
container：固定960px寬度； （如果又引入了響應(yīng)式樣式，則會適當(dāng)調(diào)整；例如1600×900，它會使用1200px ； 參見css文檔：
/* 大屏幕 */
@media (min-width: 1200px) { ... }
/* 平板電腦和小屏電腦之間的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { ... }
/* 橫向放置的手機和豎向放置的平板之間的分辨率 */
@media (max-width: 767px) { ... }
/* 橫向放置的手機及分辨率更小的設(shè)備 */
@media (max-width: 480px) { ... }) ）
container-fluid：自適應(yīng)屏幕寬度，即滿屏顯示；
森林海
TA貢獻2011條經(jīng)驗 獲得超2個贊
.container 類用于固定寬度并支持響應(yīng)式布局的容器。
1 2 3 | <div class="container"> ... </div> |
.container-fluid 類用于 100% 寬度，占據(jù)全部視口（viewport）的容器。
1 2 3 | <div class="container-fluid"> ... </div> |
- 2 回答
- 0 關(guān)注
- 678 瀏覽
添加回答
舉報
0/150
提交
取消