TEL:400-8793-956
当前位置:程序、服务器

如何在不影响我现有CSS的情况下使用Bootstrap?

提问者: 近期获赞: 浏览人数: 发布时间:2021-03-12 10:10:36

 问:我会尽量简短。我一直在开发一个网站,作为主页功能的一部分,我希望图像在主页上滚动。我决定使用其轮播滑块将Bootstrap与我的网站集成,将.css声明放在我的前面:

 
< link  href = “ css / bootstrap.min.css”  rel = “样式表” > 
<脚本src = “ js / respond.js” > </脚本> < link href = “ stylesheet.css” rel = “样式表” >     
      
但是,布局完全更改,如下所示:http : //i.im/N6IT1fw.png
 
我认为删除.css可能会有所帮助,所以我做到了,它恢复了原始格式,但轮播失败:http : //i.im/8g2aJws.png
 
有什么方法可以让.css仅适用于轮播滑块?还是我必须尝试使用​​JavaScript并自己制作?提前致谢
 
 
答:我将使用Chrome的开发人员工具检查元素(您的轮播),以查看Bootstrap CSS的哪一部分正在应用到您的布局,而CSS的哪些部分却无法使用。您可能使用的是与Bootstrap使用的相同的ID或类名称,并且它们可能会发生冲突。
 
当我使用Bootstrap时,通常会从Bootstrap CSS开始,并且仅在Bootstrap无法完成我想做的事情时使用我的自定义CSS。
上一篇: 为什么我的标题显示在页面上而不是课程中的选项卡上?
下一篇: 文档根目录的HTML标记?