bootstrap教程_20141001

bootstrap教程_20141001

ID:32299394

大小:8.73 MB

页数:202页

时间:2019-02-02

bootstrap教程_20141001_第1页
bootstrap教程_20141001_第2页
bootstrap教程_20141001_第3页
bootstrap教程_20141001_第4页
bootstrap教程_20141001_第5页
资源描述:

《bootstrap教程_20141001》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

1、W3SchoolBootstrap教程来源:www.w3cschool.cc整理:飞龙日期:2014.10.1Bootstrap简介什么是Bootstrap?Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。历史Bootstrap是由Twitter的MarkOtto和JacobThornton开发的。Bootstrap是2011年八月在GitHub上发布的开源产品。为什么使用Bootstrap?移动设备优先:自Bootstrap3起,框架包含了贯穿于整个

2、库的移动设备优先的样式。浏览器支持:所有的主流浏览器都支持Bootstrap。容易上手:只要您具备HTML和CSS的基础知识,您就可以开始学习Bootstrap。响应式设计:Bootstrap的响应式CSS能够自适应于台式机、平板电脑和手机。更多有关响应式设计的内容详见Bootstrap响应式设计。它为开发人员创建接口提供了一个简洁统一的解决方案。它包含了功能强大的内置组件,易于定制。它还提供了基于Web的定制。它是开源的。Bootstrap包的内容基本结构:Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bo

3、otstrap基本结构部分详细讲解。CSS:Bootstrap自带以下特性:全局的CSS设置、定义基本的HTML元素样式、可扩展的class,以及一个先进的网格系统。这将在BootstrapCSS部分详细讲解。组件:Bootstrap包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。JavaScript插件:Bootstrap包含了十几个自定义的jQuery插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在Bootstrap插件部分详细讲解。定制:您可以定制Bootstr

4、ap的组件、LESS变量和jQuery插件来得到您自己的版本。在线实例本站的Bootstrap教程包含了上百个实例。你可以使用我们的在线编辑器在线编辑代码,并点击运行按钮查看结果。Bootstrap实例

Createaresponsivetablewithalternatingcellbackgroundcolor:

<

5、tr>#NameStreet1AnnaAwesomeBroomeStreet2DebbieDallasHoustonStreet3JohnDoeMadisonStreet

点击"

6、尝试一下"按钮查看它是如何工作的。Bootstrap环境安装Bootstrap安装是非常容易的。本章将讲解如何下载并安装Bootstrap,讨论Bootstrap文件结构,并通过一个实例演示它的用法。下载Bootstrap您可以从http://getbootstrap.com/上下载Bootstrap的最新版本。当您点击这个链接时,您将看到如下所示的网页:您会看到两个按钮:DownloadBootstrap:下载Bootstrap。点击该按钮,您可以下载BootstrapCSS、JavaScript和字体的预编译的压缩版本。不包含文档和

7、最初的源代码文件。DownloadSource:下载源代码。点击该按钮,您可以直接从from上得到最新的BootstrapLESS和JavaScript源代码。如果您使用的是未编译的源代码,您需要编译LESS文件来生成可重用的CSS文件。对于编译LESS文件,Bootstrap官方只支持Recess,这是Twitter的基于less.js的CSS提示。为了更好的了解和更方便的使用,我们将在本教程中使用Bootstrap的预编译版本。由于文件是被编译过和压缩过的,在独立的功能开发中,您不必每次都包含这些独立的文件。本教程编写时,使用的是最

8、新版(Bootstrap3)。文件结构预编译的Bootstrap当您下载了Bootstrap的已编译的版本,解压缩ZIP文件,您将看到下面的文件/目录结构:如上图所示,可以看到已编译的CSS和JS(boot

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签