bootstrap中container類和container-fluid類的區別
2 回答

繁華開滿天機
TA貢獻1816條經驗 獲得超4個贊
container:固定960px寬度; (如果又引入了響應式樣式,則會適當調整;例如1600×900,它會使用1200px ; 參見css文檔:
/* 大屏幕 */
@media (min-width: 1200px) { ... }
/* 平板電腦和小屏電腦之間的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { ... }
/* 橫向放置的手機和豎向放置的平板之間的分辨率 */
@media (max-width: 767px) { ... }
/* 橫向放置的手機及分辨率更小的設備 */
@media (max-width: 480px) { ... }) )
container-fluid:自適應屏幕寬度,即滿屏顯示;

子衿沉夜
TA貢獻1828條經驗 獲得超3個贊
.container 類用于固定寬度并支持響應式布局的容器。
1 2 3 | <div class="container"> ... </div> |
.container-fluid 類用于 100% 寬度,占據全部視口(viewport)的容器。
1 2 3 | <div class="container-fluid"> ... </div> |
- 2 回答
- 0 關注
- 694 瀏覽
添加回答
舉報
0/150
提交
取消