Bootstrp4.6 全局的CSS样式

发布于 作者:

设置全局CSS样式：基本的HTML元素均可以通过class设置样式并得到增强效果；还有先进的栅格系统。

CSS样式：bootstrap给用户写了很多的css样式 。我们可以通过类名来使用

格式： <标签名 class =”类名”> </标签名>

布局容器

bootstrap 它认为每一个网页应该都会拥有固定的宽度 它会在容器里面水平居中或者占满容器的100%的宽度。

固定的宽度

.container 类用于固定宽度并支持响应式布局的容器。

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

百分百宽度

.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。

<div class="container-fluid" style="border: 1px solid  #000">
		布局容器之百分百的宽度
</div>

注意：如果一个容器没有设置固定的宽度，那么这个容器的宽度会占据其父元素的宽度的100%