960栅格式布局法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了960栅格式布局法相关的知识,希望对你有一定的参考价值。

960栅格式布局法
    间距20px 3 6 3版最常用
    容器:container_12,表示将页面12等分
    bootstrap框架
    基于JQuery封装的一种框架,采用三格式布局,自带响应式
    简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更
    速、简单。
    文件引入
    <html lang="zh-CN">
    <meta http-equiv="X-UACompatible"content="IE=edge">
    <meta name="viewport" content="width=device-width,
    initial-scale=1.0">
    <link rel="stylesheet" href="./cssbootstrap.min.css">
    <script src="./js/jquery-1.11.2-min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    
    禁用响应式布局
    1.不添加《mete》viewport
    2.为.container设置一个width的值
    3.移除所有导航条的折叠和展开行为

以上是关于960栅格式布局法的主要内容,如果未能解决你的问题,请参考以下文章

(作业)百度前端技术学院 任务八:响应式网格(栅格化)布局

栅格系统布局

任务八——响应式网格(栅格化)布局之问题总结

响应式网格(栅格化)布局总结

angular Ionic CLI环境搭建安装以及栅格响应式布局

任务八:响应式网格(栅格化)布局