bootstrap如何区别container和container-fluid

 时间:2024-10-11 18:50:43

1、先说说container,它呢,是随着屏幕宽度的变化而变化的。先来看个图:

bootstrap如何区别container和container-fluid

3、那么再来说说container-flui蟠校盯昂d,container-fluid它是占满全屏的不管是在哪种分辨率下。就是随便你屏幕大小,它就是100%的宽,那么接下来就用图对比一下两个的区别:当屏幕小于768时,两者都占满全屏:

bootstrap如何区别container和container-fluid

5、明白了吧。所以说如果你一定要占满全屏的话,代码中可以用container-fluid,但是两者都是自适应的,都很好用。下面看看bootstrap中的源代码可以更利于我们理解:

bootstrap如何区别container和container-fluid

6、以上就是两者的区别了。如果还有什么不懂可以私聊我,如果明白了,记得给我投票点赞,谢谢了

  • thinkphp如何在html页面输出数据库数据
  • powerdesigner创建应用架构图
  • 直接在myeclipse里写代码新建数据库
  • PowerDesigner使用教程之-导出SQL方法
  • pycharm怎么查看接口测试历史记录
  • 热门搜索
    旅游鞋发黄 跟我游云南旅游网 宁波旅游图 成都旅游注意事项 邮船旅游 2人被列入全国旅游市场黑名单 大连旅游职业学校 美国旅游指南 哈尔滨旅游资讯网 不丹旅游要多少钱