日常Bug记录

3. Bootstrap CSS版本问题

项目场景:

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

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


问题描述:

使用thymeleaf中对应的标签:

不起作用,不能将两个标签在同一行显示。

希望的显示效果:

日常Bug记录_第1张图片

错误的显示效果:


 

原因分析:

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

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

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

日常Bug记录_第2张图片


解决方案:

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



 

 修改过后,效果为我们所期望的!

日常Bug记录_第3张图片

 

你可能感兴趣的:(Bug记录,bootstrap,javascript,html,前端,spring,boot)