解决登录注册字体和LaraBBS字体样紧挨着

• 感谢提供思路。

追其本质

确实 laravel/ui 组件的版本影响了 bootstrap 的版本，因版本过高，前端样式有些问题，没有左右浮动，而是紧挨在一起，头部的导航栏（登陆/注册），底部的（联系我们），通过查看CSS，发现是mr-auto 、float-right 等类未生效，导致没有右边浮动，其本质是 bootstrap4 bootstrap5 上的一些样式差异。

前后对比

• 我的环境 laravel/ui (v3.4.6) 对应 bootstrap5 ，导致字体紧凑；
• 调整后 laravel/ui (v3.0.0) 对应 bootstrap4，问题解决；

命令

# 重新安装 3.0
$ composer require laravel/ui:3.0 --dev

#  重新引入 Bootstrap 生成 css
$ php artisan ui bootstrap

# 前端编译实时查看
$ npm run watch-poll

# 前端只编译一次
$ npm run dev