Blog of Lytracy

文章目录1、栅格系统（1） 平均分配宽度（2）指定宽度（3）响应式布局设置1、栅格系统屏幕上水平排列的这种元素的布局。（1） 平均分配宽度水平排列等宽的5个元素（2）指定宽度（3）响应式布局设置...

文章目录1、container定宽居中容器2、container-fluid全屏幕容器1、container定宽居中容器BootStrap4.xBootStrap5.x默认的.container class 是一个响应式容器，它有固定宽度和最max-width 设置，并支持响应式断点，你应该用它作为整个DIV的最外层容器。<div class="container"> <!-- 网页内容写在这里面 --></div>2、container-flu

文章目录1、响应式布局2、@media（1）媒体类型（2） 媒体特性（3）逻辑条件3、用法一：同一CSS文件4、用法二：不同的CSS文件1、响应式布局一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本，为解决移动互联网浏览而诞生的。2、@media（1）媒体类型（2） 媒体特性scan | grid（3）逻辑条件3、用法一：同一CSS文件在同一CSS文件中， 根据不同条件设定不同的样式。4、用法二：不同的CSS文件根据不同的条件引入不同的CSS文件..

文章目录1、BootStrap资源2、下载BootStrap3、引入1、BootStrap资源https://getbootstrap.com/https://code.z01.com/bootstrap/2、下载BootStrapBootstrap每次都会以预编译版、源代码两种形式发布。注意无论使用哪种形式，Bootstrap的JavaScript插件都需要jQuery。3、引入（1） css部分（2）javascript部分...