Bootstrap 与 Spring Boot 集成

在 jpa-in-action项目基础上，我们构建了一个新的项目bootstrap-in-action。项目的包名也做了调整，改为com.waylau.spring.boot.bootstrap。

所需环境

本例子采用的开发环境如下：

• Bootstrap 3.3.7 : http://getbootstrap.com/getting-started/
• jQuery 3.1.1 : http://jquery.com/download/

build.gradle

修改 build.gradle 文件，让我们的bootstrap-in-action项目成为一个新的项目。

修改内容也比较简单，修改项目名称及版本即可。

jar {
    baseName = 'bootstrap-in-action'
    version = '1.0.0'
}

将 Bootstrap 与 jQuery 集成进项目

在项目的 resources/static目录下，分别建立 css、js、font 三个目录，其中，将Bootstrap 、 jQuery 发布包中的 样式文件、js 脚本文件、字体图标文件放置于上述相应的目录下。整体目录如下：

static
│  favicon.ico
│
├─css
│      bootstrap-grid.css
│      bootstrap-grid.css.map
│      bootstrap-grid.min.css
│      bootstrap-grid.min.css.map
│      bootstrap-reboot.css
│      bootstrap-reboot.css.map
│      bootstrap-reboot.min.css
│      bootstrap-reboot.min.css.map
│      bootstrap.css
│      bootstrap.css.map
│      bootstrap.min.css
│      bootstrap.min.css.map
│
├─fonts
│      glyphicons-halflings-regular.eot
│      glyphicons-halflings-regular.svg
│      glyphicons-halflings-regular.ttf
│      glyphicons-halflings-regular.woff
│      glyphicons-halflings-regular.woff2
│
└─js
        bootstrap.js
        bootstrap.min.js
        jquery-3.1.1.min.js