我用Bootstrap 5写了个简单表单,但input框看起来就是原生样式,完全没有Bootstrap的默认边框和圆角。我已经引入了bootstrap.min.css,也按文档加了form-control类,可还是没效果。
这是我的代码:
<form>
<div class="mb-3">
<input type="text" class="form-control" placeholder="请输入内容">
</div>
</form>
是不是漏了什么依赖?还是类名写错了?实在搞不懂为啥样式不生效……
bootstrap.min.css但样式还是没生效,可能是路径或者加载顺序的问题。先检查一下你的bootstrap.min.css是否正确加载了,可以通过浏览器的开发者工具看下是否有404错误。确保bootstrap.min.css的路径是正确的,并且放在标签里。如果路径没问题,代码逻辑上没发现明显问题,可以试试把
form-control类加在标签上是正确的,但为了保险起见,可以优化成这样:确保这段代码没有被其他CSS覆盖掉,可以在浏览器里检查一下
input.form-control的样式是否被其他样式影响了。如果还是不行,可以尝试清除浏览器缓存或者换一个浏览器看看。有时候浏览器缓存会捣乱。