Bootstrap / Business Catalyst碎片菜单

时间:2015-01-16 17:39:44

标签: twitter-bootstrap menu twitter-bootstrap-3 nav business-catalyst

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

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

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

1 个答案:

答案 0 :(得分: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" />

可以在浏览器中找到。但是包含斜线的网址变为:

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

并且在那个位置你没有服务于Bootstrap的CSS。

我认为您有三种方法可以解决这个问题:

  1. 将包含斜杠的网址重定向到没有斜线的网址
  2. 在您的html的base中添加head标记。这使得每个相对URL成为相对于基本URL的。在您的情况下,添加<base href="http://savethecute.businesscatalyst.com/">

  3. 从CDN服务引导程序(正如您已经为Font Awesome所做的那样)。有关说明,请参阅http://www.bootstrapcdn.com

相关问题