从GitHub直接下载到的最新版的源码包括CSS、JavaScript的源文件,以及一份文档。通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域,但viewport又不局限于浏览器可视区域的大小,要根据PC或移动端决定。
Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。container 类用于固定宽度并支持响应式布局的容器。栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中。
1、bootstrap视频教程
本教程将向您讲解Bootstrap 框架的基础,通过学习这些内容,您将可以轻松地创建Web 项目。Bootstrap中的HTML、CSS和JS适用于各类设备, 不过它们可以被概括成几个类别,请看本文档顶部的导航条。根据文档顶部的分类查看更多案例、代码片段, 或定制Bootstrap,为你即将开展的项目做一次彻底改变。
2、bootstrap使用ajax
图片文件是使用ImageOptim 工具进行压缩的,这个工具是Mac平台上用于压缩PNG文件的一个app。在您开始阅读本教程之前,您必须具备HTML 、CSS 和JavaScript 的基础知识。在栅格系统中,我们在Less 文件中使用以下媒体查询(media query)来创建关键的分界点阈值。
3、bootstrap使用方式
下载之前先检查一下是否准备好了一个代码编辑器(我们推荐使用Sublime Text 2) ,你是否已经掌握了足够的HTML和CSS知识以开展工作。基本模版中有如下的meta标签,作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 80448874@qq.com 举报,一经查实,本站将立刻删除。如若转载,请注明出处:http://www.pglvshi.com/dnsjpx/6712.html