日常Bug记录

3. Bootstrap CSS版本问题

项目场景：

环境：spring-boot-starter-thymeleaf、ecplise、grandle、jdk 1.8、Spring Boot 时间：2022.2.5

项目场景：希望多个div能够在一行；希望格式相同的内容呈现多列，而不是多行。

---

问题描述：

使用thymeleaf中对应的标签：<div class="row">不起作用，不能将两个标签在同一行显示。

希望的显示效果：

错误的显示效果：

---

 

原因分析：

thymeleaf中对应的js没有引入正确。

可能是 它的教学视频比较早，我参照thymeleaf官网给出的交互js 与视频中介绍不一致，我也没有仔细对比。

如果有对thymeleaf有更深入了解的朋友，可以在评论里告诉我更细致的原因，不胜感激。

---

解决方案：

修改引入的bootstrap版本样式为：

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <!-- 这个影响格式！！！ --><!-- Bootstrap CSS -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"
	integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb"
	crossorigin="anonymous">

 修改过后，效果为我们所期望的！