bootstrap 当我的 URI 有多个段时未加载

Question

bootstrap 当我的 URI 有多个段时无法加载，例如 http://myaddress.com/more/than/one/segment

我可以使用多个段是至关重要的，因为 python 代码像 wiki 一样存储在不同版本的 gae 数据存储中。如果我只是使用不同的 headers，查找数据的代码会变得非常复杂。这是我的 app.yaml 文件，我在其中列举了 bootstrap、js、字体、图像和样式表的几个静态目录。

application: easyjobboard
version: 1
runtime: python27
api_version: 1
threadsafe: yes

handlers:
- url: /css
  static_dir: css

- url: /js
  static_dir: js

- url: /img
  static_dir: images

- url: /fonts
  static_dir: fonts

- url: /bootstrap-prestructure_files
  static_dir: bootstrap-prestructure_files

- url: /stylesheets/
  static_dir: stylesheets 

- url: /favicon\.ico
  static_files: favicon.ico
  upload: favicon\.ico

- url: /.*
  script: main.app

libraries:
- name: webapp2
  version: latest
- name: jinja2
  version: latest

这是调用所有 js 和 bootstrap 东西的模板页面。任何帮助将不胜感激。

<!DOCTYPE html>

<html>
<head>
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/style.css">
        <link href="bootstrap-prestructure_files/css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <title>Course Command Center</title>

</head>

    <body>

       <div class="container-fluid">
        <div class="row">
        <div class="login-area">
           {% if loggedin %}
           <a href="{{editpath}}" class="login-link"> edit </a> | <a href="{{historypath}}" class="login-link">history</a> |  {{username}} <a href="/logout" class="login-link">(logout)</a>
           {% else %}
           <a href="/signup" class="login-link"> sign-up </a>|<a href="/login" class="login-link"> login </a>
           {% endif %}
        </div>
        </div>   
       </div>

       <div class="container-fluid">
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-4 text-center">
                        <h1 class="title-super text-thin text-uppercase">Lake Bluff</h1>
                        <h1>Golf Course</h1>
                    </div>
                    <div class="col-md-3 text-center">
                        <h1 class="title-super text-thin text-uppercase">72*</h1>
                        <h1>sunny</h1>
                    </div>
                    <div class="col-md-3 text-center">
                        <h1 class="title-super text-thin text-uppercase">{{weekday}}</h1>
                        <h1>{{month}} {{day}}</h1>
                    </div>
                    <div class="col-md-1"></div>
                </div>




                <div class="row text-center">
                    <H2>Assignments</H2>


                        <textarea class="assignment-text">{{c.content}}</textarea>

                </div>  


                <div class="text-center form-inline">
                        <button class="btn btn-large" type="button"><a href="{{yesterday}}">Yesterday</a></button>

                        <button class="btn btn-large" type="button"><a href="{{tomorrow}}">Tomorrow</a></button> 
                        <button class="btn btn-large" type="button"><a href="{{editpath}}">Edit</a></button>            
                </div>






    </div>

    </body>
</html>

Answer 1

示例中的 href 和 src 值是相对于页面位置的。它们需要相对于应用程序的根目录。

即改变

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

到

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

bootstrap 当我的 URI 有多个段时未加载

bootstrap not loading when my URI has multiple segments

html

python

google-app-engine

jinja2

twitter-bootstrap