Bootstrap / Business Catalyst 损坏的菜单

Question

有人可以向我解释为什么这个 url 的菜单有效吗： http://savethecute.businesscatalyst.com/pictures 而这个没有 http://savethecute.businesscatalyst.com/pictures/ 我比较了源代码，它们是相同的。一个解决方案会更好，但我什至不知道从哪里开始，因为我不明白为什么会有差异。

我正在使用最新版本的 bootstrap inside business catalyst，目前还处于设计过程的早期阶段。

非常感谢任何澄清。谢谢。

Answer 1

您添加的 Bootstrap 样式和脚本链接使用相对的 url，它们不是以 http:// 开头。这使您的浏览器在查找资源时使用当前 url 作为起点。

例如在 head 你使用

<link href="_assets/css/bootstrap.min.css" rel="stylesheet" />

参考Bootstrap的css。对于没有斜线的 url，http://savethecute.businesscatalyst.com/pictures，这变成：

<link href="http://savethecute.businesscatalyst.com/_assets/css/bootstrap.min.css" rel="stylesheet" />

可以通过浏览器找到。但是 url 包括斜杠变为：

<link href="http://savethecute.businesscatalyst.com/pictures/_assets/css/bootstrap.min.css" rel="stylesheet" />

并且在该位置您不提供 Bootstrap 的 css。

我认为你有三种选择来解决这个问题：

将包含斜杠的url重定向到没有斜杠的
将 base 标签添加到 html 的 head。这使得每个相对 url 都相对于基础 url。在你的情况下添加 <base href="http://savethecute.businesscatalyst.com/">
从 CDN 提供 Bootstrap（就像您已经为 Font Awesome 所做的那样）。有关说明，请参阅 http://www.bootstrapcdn.com

Bootstrap / Business Catalyst Broken menu