菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 王嘉乐---2022-10-27 前端 [打印本页]

作者: yousay！ 时间: 2022-10-28 00:30
标题: 王嘉乐---2022-10-27 前端
一今日学习内容
栅格系统的列偏移 col-lg-offset-n 代表在大屏幕下将盒子向右移动n列，
在其他的盒子下进行偏移值需要更改 col-lg-offset-n 中的 lg 即可（xs、sm、md、lg）
栅格系统的列排序：通过使用.col-lg-push-n(将盒子向右推n列)和 .col-lg-pull-n(将盒子向右拉n列)
bootstrap在不同屏幕下控制元素的显示和隐藏hidden
它为页面内容和栅格系统包裹了一个.container容器或者 .container-fluid容器
在不同的屏幕宽度下对元素进行显示 visible
栅格系统通过一系列的行（row）和列（column）的组合来创建页面布局，我们内容就可以写在这些创建好的布局中
随着屏幕或者视口尺寸的增加，系统会自动分配最多12列的栅格。
按照不同的屏幕划分为1~12等份，如果想去掉padding，可以给父容器加row即可
xs-extra-small 超小；sm-small：小；md-media 中等；lg-large 大

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)