Bootstrap
Bootstrap 主要给不想写 CSS 的人士使用,快速构建一个网站,而且是响应式的。
通过直接给元素添加 Bootstrap 预设的 class,实现各种效果。
以 Bootstrap 4.1 为例,它依赖了 jQuery 和 Popper.js。
网页内容都应放在 .container 或者 .container-fluid 里面。
在栅格系统中,每行 .row 分为12个 .col。
.row 可以换成 .row-fluid。
.col 的 class 分为 col-xs-* ,col-sm-* ,col-md-* ,col-lg-* ,col-xl-* ,对应不同宽度的屏幕。
.col 也可以直接使用 .col-*。
通过使用 col-*-offset-*
或者 pull-left 或者 pull-right 的 class 可以实现偏移。
使用 .order-* 可以更改内容出现的顺序。
总而言之,Bootstrap 的用法就是复制粘贴,在官网上把代码复制然后改成自己想要的效果。