本文介绍了Bootstrap前端框架，包括响应式设计的概念，Bootstrap的基础知识如HTML5文档类型、容器和网格布局。还详细讲解了媒体查询的使用，如何根据不同设备隐藏或显示内容，以及常用的文字排版标签和列表的呈现方式。
bootstrap简介
bootstrap是一个支持响应式设计的前端框架。
响应式设计指的是智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。
简单的说，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
bootstrap基础知识预热
HTML 5 文档类型（Doctype）
Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作，我们需要使用 HTML5 文档类型（Doctype）。因此，开头需要包含下面的代码段：
<!DOCTYPE html>
<html>
....
</html>容器（Container）
<div class="container">
...
</div>
bootstrap用Container class包裹页面内容，下面是bootstrap.css 文件中的 .container class
.container {
padding-right: 15px;
padding-left
最低0.47元/天 解锁文章
扫一扫
553
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
