Question

问题标题描述了我的问题。我目前正在尝试使用静态文件，但我也尝试使用Bootstrap的CDN并尝试使用Bootstrap CSS的硬编码路径。其他信息：

settings.py：

STATIC_PATH = os.path.join(BASE_DIR, 'static')
STATIC_URL = '/static/'
STATICFILES_DIRS = (
    STATIC_PATH,
)

base.html文件：

<!DOCTYPE html>
<html lang="en" ng-app="IA">
<head>
{% load staticfiles %}
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="iso-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}"/>
<link rel="stylesheet" href="{% static 'css/ionic.min.css' %}"/>
<link rel="stylesheet" href="{% static 'css/ionicons.min.css' %}"/>
</head>
<body ng-controller="LFSTD">
<div class="container">
<div class="jumbotron">
    <div class="bar bar-header">
        <button class="button button-icon icon ion-navicon" ng-click="toggleLeft()"></button>
        <div class="h1 title">
            <b>
                {% block header_title_block %}{% endblock %}
            </b>
        </div>
    </div>
    <div>
        <ion-side-menus>
            <!-- Center content -->
            <ion-side-menu-content ng-controller="LFSTD">
                <ion-content class="has-header">
                    <div>
                        {% block body_block %}{% endblock %}
                    </div>
                </ion-content>
            </ion-side-menu-content>

            <!--Left menu -->
            <ion-side-menu side="left">
                <ion-content class="has-header">
                    <div class="list">
                        <a class="item item-icon-left" href="{% url 'profile' %}">
                            <i class="icon ion-person"></i>
                            Profile
                        </a>
                        <a class="item item-icon-left" href="{% url 'lfstd' %}">
                            <i class="icon ion-person-stalker"></i>
                            LFSTD
                            <span class="badge badge-assertive">10</span>
                        </a>
                    </div>
                </ion-content>
            </ion-side-menu>
        </ion-side-menus>
    </div>
</div>
</div>
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="{% static 'js/bootstrap.min.js'%}"></script>
<script src="{% static 'js/ionic.bundle.min.js' %}"></script>
<script src="{% static 'js/ia.js' %}"></script>
</body>
</html>

任何人都知道为什么没有加载Bootstrap？容器和jumbotron divs根本不会修改页面的外观。

网络监视器在bootstrap CSS和JS文件上给出了304： network monitor

修改

这是我的BASEDIR：

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

使用硬编码网址：

/static/css/bootstrap.min.css

我如何用静态文件调用它：

{% static 'css/bootstrap.min.css' %}

来自观看源的网址：

href="/static/css/bootstrap.min.css"

编辑＃2，导致解决方案： 在使用静态文件和模板后，我意识到AngularJS搞砸了我的CSS。当我删除

ng-app="IA"

来自我的＆lt; html＆gt;标签，所有格式（当然，除了angularJS）。

Django无法加载引导程序

0 个答案: