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

Posted 2021-10-24 上海-悠悠

前言

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/>