BootStrap4基础布局01

本文介绍了Bootstrap4的基础布局,包括Container容器的使用和响应式的分界点。Bootstrap提供了固定宽度和自适应宽度的容器,以及一套媒体查询来实现移动优先的设计原则,确保布局在不同设备上自适应。
摘要由CSDN通过智能技术生成

**

BootStrap4基础布局01

**

BootStrap布局概述:
Bootstrap包含了一些供项目使用的组件和选项,包括外包裹容器、强大的网格系统、灵活多变的媒体对象和响应式的工具类。

Container容器
Container容器是窗口布局的最基本元素,推荐所有样式都定义在.container或.container-fluid容器之中-- 这是启用整个栅格系统必不可少的前置条件,它们分别对应选择一个响应式的、固定宽度的容器,或者选择一个流式自适应浏览器或容器最大合法宽度的窗口(意味着任何时候它的宽度总是100%)。

.container容器可以被嵌套,但是大多数布局并不需要这么做,其呈现效果和使用方法如下所示:
在这里插入图片描述

<div class="container"> 
	
</div>

使

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值