python测试开发django-133.Bootstrap 容器 container和 container-fluid

前言

bootstrap 中有2个容器可以使用.container 类和.container-fluid 类

.container 容器

使用container 容器,页面内容不会铺满整个屏幕

<div class="container">
    <h1>bootstrapTable实例</h1>
<div/>

container类的div左右两边有一个15px的padding(内边距),如下图红色框

当屏幕拖大的时候.container类的div左右外边距 margin一直增大

.container-fluid 容器

使用 container-fluid 容器,页面内容会铺满屏幕
-1. 流式布局容器, 宽度100%
-2. 也有默认的左右 15px padding值

<div class="container-fluid">
    <h1>bootstrapTable实例</h1>
<div/>

posted @   上海-悠悠  阅读(243)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2020-09-16 pytest文档58-随机执行测试用例(pytest-random-order)
点击右上角即可分享
微信分享提示