如何在springboot中使用bootstrap
时间: 2023-05-25 09:02:25 浏览: 90
基于Springboot2+Bootstrap3开发的动漫主题网站
5星 · 资源好评率100%
A:要在Spring Boot中使用 Bootstrap 首先需要将其引入项目中,在 pom.xml 文件中添加以下依赖:
```
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>4.5.0</version>
</dependency>
```
引入成功后,就可以在 HTML 中引入 Bootstrap 样式了,例如,在 HTML 文件中添加如下代码即可使用 Bootstrap 的样式:
```
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bootstrap Example</title>
<link rel="stylesheet" href="/webjars/bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<body>
<h1>Hello, world!</h1>
<div class="jumbotron">
<p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>
</body>
</html>
```
以上代码片段中,`/webjars/bootstrap/4.5.0/css/bootstrap.min.css` 是添加的 Bootstrap 样式文件路径,`<div class="jumbotron">...</div>` 是使用了 Bootstrap 样式的一个样例。
但要注意的是,如上代码中在 HTML 的头部引入样式时使用的是相对路径,而在 Spring Boot 中尽可能使用 Thymeleaf 之类的模板引擎去引用资源。
阅读全文