主页
学习
课程
Java程序设计
JSP程序设计
JavaScript程序设计(建设中)
JavaEE SSH程序设计
Bootstrap:一个CSS框架
Java程序设计工程师考证
前端框架Vue.js
微信小程序
Springboot
Python程序设计
你好,游客。
请登录,
Java Web
学习平台
7
第1章 CSS基础
第2章 bootstrap入门
第3章 bootstrap布局
3.1 使用栅格系统
3.2 栅格系统的偏移
3.3 操作案例1:制作音乐网站首页
3.4 栅格系统的列交换
3.5 响应式栅格
3.6 显示和隐藏
3.7 操作案例2:组合栅格系统
3.8 基础排版
3.9 实训一:响应式网站
第4章 bootstrap组件
第5章 bootstrap插件
第6章 bootstrap综合应用
3.4 栅格系统的列交换
在设计网页的时候,往往有多个方案,如果需要左右互换两个列,传统的做法就是修改html,把两个列的代码顺序换一下。这里介绍的方法,不用改变html的结构,但是在外观上可以做到各列的左右移动。
列交换需要用到两种类:
col-md-push-x:表示该列往右移动x份
col-md-pull-x:表示该列往左移动x份