搭建基础页面(Bootstrap)

https://v3.bootcss.com/
可以访问Bootstrap中文网在里面可以下载Bootstrap以及由Bootstrap的开发文档。现在最新的是Bootstrap4这边使用的是Bootstrap3。首先在官网中下载Bootstrap源码并且解压

下载源码

解压之后的文件

将css,fonts和js放入static文件夹中

index.html文件




    
    鸦之巢
    
    
    
    





IndexController.java文件

package com.crow.coummunity.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

/*默认访问为主页*/
@Controller
public class IndexController {
    @GetMapping("/")
    public String index(){
        return "index";
    }
}

有时候会出现js,css等静态文件可以在application.properties文件中加入

#spring.resources.static-locations配置项,它代表访问静态文件的路径,而且它是按照你配置路径的先后顺序去查找的,例如你配置了classpath:/static,classpath:/resources/,那么它会先查找resources再查找static
spring.resources.static-locations=classpath:/resources/,classpath:/static

如果网页出现了如下错误


错误

解决方案:将jquery.min.js放在bootstrap.min.js文件之前引用,bootstrap.min.css文件在整两个文件前后引用都无妨(测试多次)。

你可能感兴趣的:(搭建基础页面(Bootstrap))