web前端-Bootstrop框架

Bootstrap的作用

        Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

什么是响应式布局

        响应式布局就是根据分辨率的大小而改变页面的结构内容，提高用户的体验

Bootstrap的内容

        简单入门：使用框架必须导入相应的css、js文件     jquery-1.11.2.min.js必须放在bootstrap.min.js的前面

<link href="${pageContext.request.contextPath}/bootstrap3/css/bootstrap.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/bootstrap3/css/bootstrap-theme.min.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/bootstrap3/js/jquery-1.11.2.min.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap3/js/bootstrap.min.js"></script>

       css全局样式：定义了css样式

                栅格系统：将屏幕划分成12列

                                  class="row" 是当前行

                                  行里面放的是列，col-分辨率(lg,md,sm,xs)-数字（1-12）每一种分辨率之和都等于12，超出部分另起一行

                                  整个框架内容都要放在class="container"的容器中

                组件：导航条。进度条等

                jacascript插件：轮播图等，一些动态的效果