阶段七-Bootstrap

Bootstrap：为应用场景设计的前端框架

一、Bootstrap介绍

1. 前端框架介绍

Java框架都是对Java SE技术或Java EE的技术进行封装，按照框架的要求进行搭建环境后可以简化开发流程。

前端框架是对CSS、JavaScript的封装。有的框架只封装了CSS，有的框架只封装了JavaScript，有的框架即封装了CSS也封装了JavaScript。

Bootstrap就是一个又封装了CSS，又封装了JavaScript的框架。

为什么使用 Bootstrap？

• 移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。

• 浏览器支持：所有的主流浏览器都支持 Bootstrap

• 容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。

• 响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。

• 它为开发人员创建接口提供了一个简洁统一的解决方案。

• 它包含了功能强大的内置组件，易于定制。

• 它还提供了基于 Web 的定制。

• 它是开源的。

二、Bootstrap教程

重要说明：对于Java程序员来说，前端框架的使用不像Java，需要记住API。学习方法：根据官方示例拿过来后改写。

1. 基本使用

1.1 创建war项目

使用maven创建war类型项目，并完成SSM相关的配置。

1.2 导入Bootstrap资源

<!-- 1.引入bootstrap的css样式 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!-- 2.必须在引入bootstrap.js之前引入jQuery.js -->
    <script src="bootstrap/jquery-2.1.4/jquery.min.js"></script>
    <!-- 3.引入bootstrap.js -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

具体使用内容以官网为主，官网都有使用教程

Bootstrap中文网 (bootcss.com)