学习使用bootstrap3栅格系统
发布时间：2020-12-18 00:57:07 所属栏目：安全 来源：网络整理
导读：一、bootstrap开发环境搭建 1. 下载bootstrap,2. 下载jquery,通过IE直接访问3. 在html页面中导入bootstrap与jquery的js,css文件，.viewport的 标签，这个标签可以修改在大部分的移动设备上面的显示，加如 if lt IE 9...等是为了在ie9以下的兼容。模板如下 In
一、bootstrap开发环境搭建1. 下载bootstrap, 2. 下载jquery,通过IE直接访问 3. 在html页面中导入bootstrap与jquery的js,css文件，.viewport的标签，这个标签可以修改在大部分的移动设备上面的显示，加如 if lt IE 9...等是为了在ie9以下的兼容。 模板如下二. 栅格系统1. boostrap把桌面分隔成 由12行 * n 列的表格进行布局， 这是boostrap进行而已的核心。 2. .row 进行行级划分，必须包含在 .container下。 3. col-xx-*进行列级划分，如下图
4.列偏移，通过 col-xx-offset-*来实现5. 列排序，能过.col-xx-push-* 和 .col-xx-pull-* 实现列的向左或向右排序6. 列嵌套，row嵌套在col中即可。如果大家还想深入学习，可以点击进行学习，再为大家附两个精彩的专题： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
