本文介绍了Bootstrap的基础知识，特别是其网格系统。Bootstrap是一个前端框架，适用于快速开发响应式Web应用。文章详细讲解了如何引入Bootstrap，移动设备优先的设计原则，设置viewport元标签以优化移动浏览，以及响应式图像的处理。重点讲述了Bootstrap的网格系统，包括如何创建响应式的、最多12列的布局，并介绍了行、列的组合使用，以及如何进行偏移和嵌套。
看到Bootstrap 可视化布局之后，感觉还是很震撼的，之前的代码都是自己一点点写，现在拖动一下就出来了效果，所以决定尝试一下。今后会持续更新自己学的笔记。
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
1.Bootstrap引入
<!DOCTYPE html>
<html>
<head>
<title>在线尝试 Bootstrap 实例</title>
<!--引入Bootstrap-->
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>2.HTML5文档类型
Bootstrap 使用了一些 HTML5 元素和 CSS 属性，所以需要使用 HTML5 文档类型（Doctype）。
<!DOCTYPE html>
<html>
<!--页面内容-->
</html>
最低0.47元/天 解锁文章
扫一扫
262
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
