在网页开发中合理的布局是非常重要的，及根据网页的需求来进行布局，对于一个前端来说是必须掌握的内容一、下面我来给大家介绍下Bootstrap的布局容器：container 和 container-fluid1、.container 固定宽度，页面内容与窗体两边有一个较大的空白2、.container-fluid宽度是100%，可用于扁平化设计——大家可以通过调试工具查看里面的样式二、网格系统（又可叫栅格系统）在Bootstrap中是非常重要的一个布局容器：1、栅格系统是bootstrap最大的亮点

本章将讲Bootstrap面板,下面为大家讲解面板的类名，及面板布局：.panel ——定义面板结构       .panel-default—— 面板默认样式     .panel-heading—— 面板的头部   .panel-title—— 面板的标题       .panel-body—— 面板主体            .panel-footer—— 面板底部二、通过下列类名调节面板颜色：.panel-primary ——主色调     panel-success

在网页设计中，表单最常用到在登录，注册页面。也是我们必须掌握的知识点！！！一、Bootstrap中的form的表单主要分三种：1、垂直表单（默认）2、内联表单（直接在form中添加 class="form-inline"就变成了内联表单）3、水平表单（比较常用）：<form> 元素添加 class .form-horizontal。标签和控件放在一个带有 class .form-group 的 <div> 中标签添加 class .control-label。一般使用网格系统布局.form-gr

Bootstrap框架的由来：Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。  Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。  国

Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等下面主要讲的是bootstrap中的 排版，css样式：我们可以查看这些类名的样式：例如 text-left ，其实就是通过类名添加样，使我们更加方便，工作效率更高         <h2>文本样式:</h2> <p class="text-left">左对齐文本</p>