想让某块内容向右偏移一定的空间,可以使用 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 的样式表里定义好了。
保存 ...
回到浏览器 ... 刷新 ....
你会看到,区块四,会向右偏移一定的空间 ... 这个偏移的空间,对于 主体这块内容来说,相当于是主体内容的一半。
我们可以改变一下窗口的宽度 ...
你会发现,这个偏移会用在中等尺寸,还有大尺寸的设备上 ... 在小尺寸,还有特小尺寸的窗口上面不会使用这个偏移 ...