在html中引⼊bootstrap后,导致原来的css布局混乱的解决⽅
<!--⼩⽩的bug记录-->
项⽬场景:
bootstrap项目
完善⽹页代码
问题描述:
html中引⼊bootstrap后,导致原来的css布局混乱的问题
原因分析:
是因为bootstrap的css样式和原来的样式冲突了
解决⽅案:
先在浏览器中打开项⽬,然后打开浏览器的控制台的styles窗⼝
观察现在的⽹页和原来的⽹页最开始的不同的地⽅,可以看到最开始不同的就是这个地⽅
⽤⼩指针选中这个地⽅,然后把这个地⽅的样式给⼀个个取消,当取消掉某个属性时,⽹页布局回复正常,那就是它有问题,我这⾥是float 属性和bootstrap的某个属性冲突了,将它取消后就可以正常显⽰了。
去到编辑器中将这个样式给删了就没问题了。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。