在网页开发中合理的布局是非常重要的，及根据网页的需求来进行布局，对于一个前端来说是必须掌握的内容一、下面我来给大家介绍下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

&nbsp；—— 空格 &lt；—— 小于&gt； ——大于&quot；——双引号 &reg;——注册标志  &copy;——版权符号 &yen;——人民币符号

JavaScript基本概念：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。JavaScript的组成：(1) ECMAScript欧洲计算机协会指定的脚本规范标准,是js核心 NetScape 网景公司发明的JavaScript微软公司基于JavaScript发明JScr

JS获取节点的方法(注意内容与js先后的加载顺序)：通过ID获取节点： document.getElementById()  返回指定id的第一个对象的引用 通过ClassName获取：document.getElementsByClassName()返回指定class名称的对象的集合，要拿出对应的某个才能继续使用，用 [标号] 的形式通过name获取节点：document.getElementsByName()  返回指定名称的对象的集合，要拿出对应的某个才能继续使用，用 [标号] 的形式通

js中的数据类型分为两种：基本数据类型和引用数据类型。基本数据类型：undefined，null，boolean，number和string；引用类型数据：Object，Array，Function，Date等（其都是对象）。JS基本类型：string——字符串类型Boolean——布尔类型（布尔（逻辑）只能有两个值：true 或 false）number——数字类型undefined——未定义类型 （Undefined 这个值表示变量不含有值。）null——空对象————使用typeof()检

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>