Bootstrap 3.3.2 基本 HTML5 模版

liangsheng · 发表于 2015-1-28 12:04:27

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 还允许你控制这个按钮的颜色、样式、大小、等等。

Bootstrap 包含了许多在网页中常用的界面设计元素。譬如：表格、表单、导航栏、按钮组、分页器、导航路径、等等。

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="/">
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--[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>
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

复制代码

		自动登录	找回密码
密码			立即注册

Bootstrap 3.3.2 基本 HTML5 模版

相关帖子