1

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

我在业务催化剂中使用最新版本的引导程序,并且还处于设计过程的早期阶段。

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

4

1 回答 1

1

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

例如在head你使用

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

参考Bootstrap的css。对于没有斜线的网址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。

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

  1. 使包含斜杠的网址重定向到不带斜杠的网址
  2. base标签添加到head您的 html 中。这使得每个相对 url 都相对于基本 url。在你的情况下添加<base href="http://savethecute.businesscatalyst.com/">

  3. 从 CDN 提供 Bootstrap(就像你已经为 Font Awesome 所做的那样)。有关说明,请参见http://www.bootstrapcdn.com

于 2015-01-16T17:46:59.020 回答