BootStrap 入门学习笔记之container和container-fluid

本文介绍了BootStrap中的container和container-fluid类的使用。container类默认居中,有固定边距,可设置宽度;而container-fluid类则占据整个屏幕宽度,实现全屏布局。两者在屏幕显示百分比上有明显区别。
摘要由CSDN通过智能技术生成

BootStrap重写了 css的一些标签,比如p标签,默认字体大小 等等。而且预先写好了一些 CSS样式,我们可以给 div加指定的标签,来用人家预先写好了的样式,进行布局 ,装饰等等。


class=“container”

例子1:



例子2:



通过上述两个例子 可以看出、container 默认居中,如果没有设置宽度、默认在浏览器左右两边留出固定的距离。如果设置了宽度,则div变为 设置的宽度、同时保证居中、然后 左右边距动态改变。  如果没有设置高度、那么div高度则是文字内容高度,设置了就是所设置的高度。


container 和 container-fluid 对比


</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值