【问题标题】:Bootstrap / Business Catalyst Broken menuBootstrap / Business Catalyst 损坏的菜单
【发布时间】:2015-03-15 09:28:14
【问题描述】:

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

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

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

【问题讨论】:

    标签: 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。

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

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

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

    【讨论】:

    • 哇,谢谢。这很有帮助。我真的很感激。
    • 不客气。我已经更新了答案并试图更好地解释它。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-11-10
    • 1970-01-01
    • 2012-09-11
    • 2017-02-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多