为了账号安全,请及时绑定邮箱和手机立即绑定

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 关注
  • 619 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信