Bootstrap 3.3.2 基本 HTML5 模版 百度网盘 https://pan.baidu.com/s/1i5tKlZB 所见即所得的 HTML5 Bootstrap3.3.2 Web 网页 IDE 集成开发环境 http://forum.digitser.cn/thread-2151-1-1.html Bootstrap 是 twitter 公司推出的一套开源网页用户界面和前端交互开发框架。Bootstrap 由 Twitter 设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个纯 CSS/HTML 框架。Bootstrap 提供了一种优雅 HTML、CSS 规范,Bootstrap 由动态 CSS 语言 Less 写成。Bootstrap 一经推出后颇受欢迎,一直是 GitHub 上的热门开源项目,包括 NASA 的 MSNBC(微软全国广播公司)的 Breaking News 在内,都使用了该项目。 Bootstrap 基于 HTML5 和 CSS3 开发,在 jQuery 的基础上进行了更为个性化和人性化的完善,形成了一套独有的网站风格,并兼容大部分 jQuery 插件。 框架的意思就是把常用的东西事先编写好,需要的时候,直接调用就行。譬如,设计网页布局,只需计算网页宽度,不用手工写布局要用到的 CSS 代码。Bootstrap 框架内置了一套网格布局系统,只需在元素中使用设计好的布局相关网格类,无需手工撰写布局要使用的 CSS 代码。 以前,若想在网页中出现一个按钮,通常需先用图形设计软件,设计一个按钮 ,然后再把它用 HTML 和 CSS 表示出来。使用 Bootstrap 框架,直接为元素添加 Bootstrap 设计好的按钮相关类,就可立即在网页中出现一个漂亮按钮,Bootstrap 还允许你控制这个按钮的颜色、样式、大小、等等。 基本 HTML 模版代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>广州市德数机械设备有限公司_Bootstrap Template</title> <meta name="keywords" content="/"> <meta name="description" content="/"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>广州市德数机械设备有限公司_www.digitser.net</h1> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html> 版权声明: 本文为独家原创稿件,版权归 德云社区,未经许可不得转载;否则,将追究其法律责任。 |