Twitter Bootstrap是最近最流行的前端框架.它是一个时尚，直观，功能强大的移动第一前端框架，可以更快，更轻松地进行Web开发.它使用HTML，CSS和Javascript.本教程将向您介绍Bootstrap Framework的基础知识，您可以使用它轻松创建Web项目.本教程分为Bootstrap Basic Structure，Bootstrap CSS，Bootstrap Layout Components和Bootstrap Plugins等部分.这些部分中的每一部分都包含相关主题以及简单实用的示例.
本教程是为具备HTML基本知识的人准备的和CSS并且有开发网站的冲动.完成本教程后，您将发现自己具有使用Twitter Bootstrap开发Web项目的中等专业水平.
在开始继续之前在本教程中，我们假设您已经了解HTML和CSS的基础知识.如果您不太了解这些概念，我们建议您阅读我们关于HTML教程和CSS教程的简短教程.
您不需要拥有自己的环境来开始学习Bootstrap编程！我们为您设置了一个在线编译器，可用于在线编译和执行程序.
对于本教程中提供的大多数示例，您将找到一个尝试在代码框右上角的选项.使用它来验证程序并使用不同的选项检查结果.随意修改任何示例并在线执行.
<！DOCTYPE html> < html lang ="en"> < 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 101模板</title> <！ - Bootstrap - > < link href ="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"rel ="stylesheet"> <！ - 用于IE5支持HTML5元素和媒体查询的HTML5 shim和Respond.js - > <！ - 警告:如果您通过file:// - >查看页面，则Respond.js不起作用 <！ - [if lt IE 9]> < script src ="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> < script src ="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <！[endif] - > </head> < body> < h1> Hello，world！</h1> <！ - jQuery(Bootstrap的JavaScript插件所必需的) - > < script src ="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <！ - 包括所有已编译的插件(下方)，或根据需要包含单个文件 - > < script src ="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> </body> </html>
