【问题标题】:Bootstrap / Business Catalyst Broken menuBootstrap / Business Catalyst 损坏的菜单
【发布时间】:2015-03-15 09:28:14
【问题描述】:
【问题讨论】:
标签:
twitter-bootstrap
menu
twitter-bootstrap-3
nav
business-catalyst
【解决方案1】:
您添加的引导样式和脚本链接使用相对 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。
我认为你有三个选择来解决这个问题:
- 使包含斜杠的网址重定向到不带斜杠的网址
将base 标记添加到您的html 的head。这使得每个相对 url 都相对于基本 url。在您的情况下添加<base href="http://savethecute.businesscatalyst.com/">
从 CDN 提供引导程序(就像您已经为 Font Awesome 所做的那样)。有关说明,请参阅http://www.bootstrapcdn.com