bootstrap

作者: 李奕锦liyijin | 来源:发表于2019-10-04 17:47 被阅读0次

最近做响应式的网站,涉及到Bootstrp的使用。
我使用的版本是3.3.7
bootstrap的核心精华是栅格系统

image.png

实例:从堆叠到水平排列

使用单一的一组 .col-md-* 栅格类,就可以创建一个基本的栅格系统,在手机和平板设备上一开始是堆叠在一起的(超小屏幕到小屏幕这一范围),在桌面(中等)屏幕设备上变为水平排列。所有“列(column)必须放在 ” .row 内。

例子:https://output.jsbin.com/bekoleredu

流式布局容器

.container-fluid .row

https://output.jsbin.com/gukihoyipa

实例:移动设备和桌面屏幕

https://output.jsbin.com/yayociteti

实例:手机、平板、桌面

https://output.jsbin.com/nizakekupu

相关文章

网友评论

      本文标题:bootstrap

      本文链接:https://www.haomeiwen.com/subject/fgjspctx.html