把引导的响应式设计的功能很好地利用

济南网站建设自举一个简单的方法来创建Web界面,采用响应式设计提供了设计人员和开发人员。 下面是如何使用框架的设计特点。

如何能“的口号圆滑,直观,强大的前端框架的Web开发更快,更容易”被忽略,尤其是当它指在Twitter的乡亲支持的一个项目呢? 该项目被称为 自举 ,它已经获得了可观的以下自成立以来,美国宇航局使用它更容易识别的名字之一。 该 内置自举的网站提供更多的例子。 这里有一个在什么引导偷看能为你做。

响应式设计

什么是引导?

引导是一个开源框架,用于构建Web接口,用人 响应式设计 。 自举让各级Web开发人员和设计人员使用它。 采用自举 使用Javascript (包括 jQuery的 ), CSS ,和 HTML和支持 CSS3和 HTML5 。 可以螺栓引导到你的应用程序提供先进的功能,你可以用它来构建应用程序从地上爬起来。

获得引导

引导是可以通过GitHub上可以免费下载两种形式:最小的, 编译的版本 ,完全成熟 源代码,包括文档。 第一个选项(编译)是最快的方式,引导和运行。 它包含三个子目录:CSS,JS和img。 目录名称是不言自明的,但为了以防万一 – CSS样式表,JS包含JavaScript文件和图像引导使用存储在img目录。 下载/安装完成后,你是准备把自举运动。

通过引导

引导有四类设计特点:脚手架,组件,JavaScript的插件,和基地CSS。 脚手架(或全局样式)是建立在响应12列电网,布局和元件。 这些组件包括基本样式为常见的用户界面功能。 JavaScript的插件遵循组件,但不使用JavaScript的风格元素。 该基地CSS基本的HTML元素,包括样式和它包括一套称为Glyphicons图标。

引导是一个警告,某些功能利用HTML5,所以必须使用HTML5的doctype所有页面上。 下面的代码片段显示其格式为:

 <!DOCTYPE HTML“<html lang="en"> </ P> <P> ...页面主体... </ P> </ HTML>

该文件提供了极大的指示使用引导。 它描述了一个很好的部分引导使一个网页的基本知识。 下面的代码提供了这些基础知识的一个例子。 要点是HTML5的doctype,视口meta元素,样式表的bootstrap.min.css,并在页面底部的两个JavaScript文件引用。

 <STRONG> <!DOCTYPE HTML> </ STRONG> <HTML>
 <HEAD>
 <标题> 0531soso.com  - 引导</ TITLE>
 <STRONG> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </ STRONG>
 <! - 引导 - >
 <STRONG> <link href="css/bootstrap.min.css",我们目前无法显示地点的地图。media="screen"> </ STRONG>
 </ HEAD>
 <BODY>
 <H1> TechRepublic的问候!</ H1>
 <STRONG> <script src="js/jquery.js"> </ SCRIPT> </ STRONG>
 <STRONG> <script src="js/bootstrap.min.js"> </ SCRIPT> </ STRONG>
 </ BODY>
 </ HTML>

引导的特征之一,我很高兴与当前项目的列布局 流体的例子提供了一个可视化表示的布局。 我用类似的元素 YAML ,但我觉得引导更为简单,具有更多的功能。

在使用引导接下来的步骤取决于你想要什么,或者为您的设计需要做的。 在Web领域,模仿是奉承 – “借用”其他的设计是司空见惯的,我敢说,接受。 该 示例一节中,引导网站提供了极大的视觉引导行动,并借用已经完成,您可以轻松地查看源代码。

一个有趣的选项与引导能力推出自己的下载结果 – 这是可用的方式 自定义页面 。 它可以让你选择组件和jQuery插件,以及指定变量。 完成你的选择,你可以下载一个压缩文件的结果。 该文件包含引导标准目录:CSS,IMG,和js,在每个必要的文件。

另一种选择是购买或下载由第三方创建的设计。 谷歌搜索产生压倒性数目的比赛,所以我会离开搜索你的细节,但有多种伟大的模板,可在您的指尖。 我已经测试了几个产品,但是无关的地步,我可以建议他们超过别人。

Comments are closed.