前端框架—Bootstrap(一)
2013-05-27 20:21
316 查看
Bootstrap 中文网:http://www.bootcss.com/
Twitter Bootstrap中文版/中文翻译: http://wrongwaycn.github.io/bootstrap/docs/index.html
<code>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> //压缩后的框架css文件
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script> //jquery文件
<script src="js/bootstrap.min.js"></script> //压缩后的框架js文件
</body>
</html>
</code>
Bootstrap官网提供编译版的CSS和JS文件 (
Twitter Bootstrap中文版/中文翻译: http://wrongwaycn.github.io/bootstrap/docs/index.html
<code>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> //压缩后的框架css文件
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script> //jquery文件
<script src="js/bootstrap.min.js"></script> //压缩后的框架js文件
</body>
</html>
</code>
Bootstrap官网提供编译版的CSS和JS文件 (
bootstrap.*),也提供了编译并压缩之后的CSS和JS文件 (
bootstrap.min.*)。图片文件是使用 ImageOptim 工具进行压缩的。
相关文章推荐
- bootstrap web前端框架
- 前端框架Bootstrap的Modal使用Ajax数据源,如何避免数据被缓存
- 前端框架之bootstrap
- 10个可以替代Bootstrap的前端框架
- [置顶] 作为移动端(Android)开发的我已被前端框架Bootstrap所折服
- 响应式前端框架Bootstrap系列(3)段落、文字相关
- 前端框架Bootstrap的使用
- 前端框架Bootstrap的使用
- Bootstrap响应式前端框架笔记十——导航栏相关组件
- [前端框架] Bootstrap 3 与 Foundation 5 的五大区别
- 响应式前端框架Bootstrap系列(18)提示工具(Tooltip)插件
- 【前端框架系列】浅谈当前基于bootstrap框架的几种主流前端框架
- 前端框架Bootstrap的Modal使用Ajax数据源,如何避免数据被缓存
- Bootstrap:前端框架
- bootstrap 前端框架学习笔记
- 前端开发框架Bootstrap和KnockoutJS
- [框架技术推荐]Bootstrap:快速开发Web应用程序的前端工具包
- 优秀的WEB前端开发框架:Bootstrap!
- Bootstrap响应式前端框架笔记三——代码与表格
- 【前端框架之Bootstrap01】我们一起来看看这个家伙是什么