简洁优美的前端框架-Bootstrap

 Bootstrap概述：Bootstrap发布于2011年8月，是一个基于HTML5,CSS3,JavaScript的开源框架，该框架代码简洁，视觉优美，可用于快速，简单地构架基于PC及移动端设备的Web页面需求。它的出现是为了解决前端开发任务中的协作通协作统一问题。它通过响应式布局使得它能够兼容PC端，PAD端以及手机移动端的页面访问。简而言之，Bootstrap是简单，灵活的用于搭建WEB页面的HTML,CSS,JavaScript的工具集。

      Bootstrap下载及演示：http://www.bootcss.com

  Bootstrap特点：

1. 跨终端，跨浏览器：兼容现代浏览器。
2. 响应式布局：能够支持pc端各种分辨率的显示，还支持移动端PAD,手机等屏幕的响应式布切换显示。
3. 提供全面的组件：提供实用性很强的组件如：导航，标签，工具条，按钮等一系列组件，方便开发者调用。
4. 内置jQuery插件：Bootstrapt提供了很多实用的Jquery插件，这些插件方便开发者实现Web中各种常见的特效。
5. 支持HTML5,CSS3:HTML5语义标签和CSS3属性，都得到很好的支持。
6. 支持LESS动态样式：LESS使用变量，嵌套，操作混合编码，编写更快，更灵活的CSS.

 Bootstrap开发包：http://V3.bootcss.com

此外Bootstrap中提供很多图标（Glyphicons图标功能）于开发者使用，这样就不用通过美工修改图片，只要使用标记就能够在页面中展示标记，这些图标实际上是用字体来实现的，所以在网页页面加载时不需要从服务器中加载图片，这样可以使复杂页面的加载时间减少。     注意：Bootstarp中的js插件依赖于jQuery,因此jQuery要在Bootstarp之前引入，且不支持IE7及更低版本浏览器。

下列为一个Bootstrap的基本模板：

 lang="zh-CN">
  

charset= "utf-8" >

http-equiv= "X-UA-Compatible" content= "IE=edge" >

name= "viewport" content= "width=device-width, initial-scale=1" > href= "css/bootstrap.min.css" rel= "stylesheet" >

  
  
    
你好，世界！