javascript - Bootstrap 冲突或错误 - 仍在寻找解决方案

标签 javascript jquery html css twitter-bootstrap

今天我决定使用 bootstrap 来制作一个菜单,但它已经出来了,我遇到了一个奇怪的错误或 jQuery(可能是 UI)和 Bootstrap 之间的冲突。现在,如果你愿意,请看下面的图片:

enter image description here

现在,如果我删除 bootstrap 的 js 文件,情况会更糟,因为那些 slider 会消失。正如您所看到的, slider 的 handle 上出现了一个堰式二次切割,前面有变化 - 字母更小更靠近。其他文本颜色也出现了一些变化,我有一个黑色文本,它仍然是黑色但更透明。我绝对愿意继续在 BS 工作,因为它会为我的 future 节省很多宝贵的时间。如果重要,这里是我初始化的库。

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js">
<script src="jquery-1.11.3.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="jquery-ui-1.11.4.custom/jquery-ui.min.css">
<script src="jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script>
<script src="jquery-ui-1.11.4.custom/jquery-ui.min.js"></script>

我从 w3 教程中获取了这些内容,但即使我从我的电脑上下载的 Bootstrap 加载时,也会发生同样的效果。所以,问题是如何调试这个错误的后果。 附言导航栏显示

最佳答案

解决方案非常简单……有时最简单的事情却很难看清。是的,在我的案例中添加 Bootstrap 库导致我所有 slider 的大小完全重新调整,如正面大小和正常图像'。为了解决这个问题,如果它发生在你身上,只需转到你的 slider 组件 css 并添加一个 background-size: ;,在这里使用一些值,它应该会修复它。对正面尺寸做完全相同的事情。 就是这样。

关于javascript - Bootstrap 冲突或错误 - 仍在寻找解决方案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32489637/

相关文章:

html - Css - 绘制带圆 Angular 的矩形作为背景

javascript - 使用 Axios [VueJs] 将图像上传到 Azure Blob 容器

javascript - 按下右/下箭头按钮时出现未知错误

javascript - 当对象来自 jQuery 选择时,如何将图像对象绘制到 Canvas 上?

javascript - 修复和替换似乎不起作用

javascript - 如何将图像放在其他图像的一部分上

javascript - 单击添加行 td 并自动完成

javascript - 如何在不覆盖 javascript 中的所有其他内容的情况下动态地将段落添加到文档中?

javascript - Bootstrap 模态问题(无法显示第二个模态)

JavaScript != =""无法正常工作