亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

bootstrap中container類和container-fluid類的區別

bootstrap中container類和container-fluid類的區別

汪汪一只貓 2019-05-10 07:07:28
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:自適應屏幕寬度,即滿屏顯示;



查看完整回答
反對 回復 2019-05-12
?
子衿沉夜

TA貢獻1828條經驗 獲得超3個贊

.container 類用于固定寬度并支持響應式布局的容器。

1

2

3

<div class="container">

  ...

</div>

.container-fluid 類用于 100% 寬度,占據全部視口(viewport)的容器。

1

2

3

<div class="container-fluid">

  ...

</div>

 




查看完整回答
反對 回復 2019-05-12
  • 2 回答
  • 0 關注
  • 694 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號