偏移的空间 - offset

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

想让某块内容向右偏移一定的空间,可以使用 Bootstrap 提供的 offset 类型的 css 类。 跟布局网格类类似, offset 也有一些前缀,col-xs,col-sm,col-md,col-lg ... 使用哪个前缀决定了在多大的窗口宽度上面去使用偏移 ...

比如我们想让 区块四 这块内容,在一般尺寸的桌面设备上向右偏移 6 个网格的空间 ... 这样要用到的 offset 类就应该是,col-md-offset-6 ...

回到编辑器 ... 找到 区块四 这块内容的元素 ...

然后在它的包装内容的容器上面,添加一个 col-md-offset-6 ... 为了区分一下 ... 我们可以在区块四的文字上面,添加点额外的样式 ... 加上一个 alert ,还有 alert-info ... 这些类的样式已经在 Bootstrap 的样式表里定义好了。

保存 ...

回到浏览器 ... 刷新 ....

你会看到,区块四,会向右偏移一定的空间 ... 这个偏移的空间,对于 主体这块内容来说,相当于是主体内容的一半。

我们可以改变一下窗口的宽度 ...

你会发现,这个偏移会用在中等尺寸,还有大尺寸的设备上 ... 在小尺寸,还有特小尺寸的窗口上面不会使用这个偏移 ...

偏移的空间 - offset《 Bootstrap 3 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点