《bootstrap官方最新权威教程》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Bootstrap笔记Bootstrap，来自Twitter，是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT移动设备优先所有的主流浏览器都支持Bootstrap，响应式设计Bootstrap包的内容：基本结构:提供了一个带有网格系统、链接样式、背景的基本结构。CSS：全局的CSS设置、定义基本的HTML元素样式、可扩展的class，以及一个先进的网格系统。组件：Bootstrap包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等JavaScript插件：包含了十几个自定义的jQuery插件。您可以直接包含所有的插件，

2、也可以逐个包含这些插件。定制：您可以定制Bootstrap的组件、LESS变量和jQuery插件来得到您自己的版本代码介绍：1.下载Bootstrap：下载BootstrapCSS、JavaScript和字体的预编译的压缩版本。不包含文档和最初的源代码文件。2.下载源代码：最新的BootstrapLESS和JavaScript源代码3.如果您使用的是未编译的源代码，您需要编译LESS文件来生成可重用的CSS文件HTML模板：为每个HTML页面的第一行添加标准模式（standardmode）的声明，这样能够确保在每个浏览器中拥有一致的展现

3、=”zh-CN”>语言属性,据HTML5规范：强烈建议为html根元素指定lang属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等等。通过明确声明字符编码，能够确保浏览器快速并容易的判断页面内容的渲染方式。这样做的好处是，可以避免在HTML中使用字符实体标记（characterentity），从而全部与文档编码一致（一般采用UTF-8编码）

4、ontent="IE=Edge">IE支持通过特定的  标签来确定绘制当前页面所应该采用的IE版本。除非有强烈的特殊需求，否则最好是设置为 edgemode，从而通知IE采用其所支持的最新的模式为了让Bootstrap开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的head之中添加 viewportmeta 标签idth 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-wid

5、th 可以确保它能正确呈现在不同设备上。initial-scale=1.0 确保网页加载时，以1:1的比例呈现，不会有任何的缩放。在移动设备浏览器上，通过为 viewportmeta 标签添加 user-scalable=no 可以禁用其缩放（zooming）功能。通常情况下，maximum-scale=1.0 与user-scalable=no一起使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。

6、bootstrap.min.css"rel="stylesheet">

Hello,world!