《Python Web 开发-测试驱动开发》读书笔记（9）

    7.5

    坑11：因为书中bootstrap用的是3的版本，而我用的最新的4版本，所以按照书中html代码内容是不会居中的

    原代码：

<div class="col-md-6 col-md-offset-3">
                <!--></-->
            </div>

   'col-md-offset-3'是bootstrap3的写法，bootstrap4的写法应该为'offset-md-3'

<div class="col-md-6 offset-md-3">
                <!--></-->
            </div>

    这样子标题和内容才能显示居中

    

    坑12：在调试模式中，在重定向的时候bootstrap的css会无法加载，排查的时候发现重定向后静态文件的地址就变成

    "GET /lists/5/static/bootstrap/css/bootstrap.min.css HTTP/1.1" 404 2642

    可见前面的部分是不对的，所以无法获取到相应的css

    解决方法是在setting.py中加入对static文件路径的配置

#setting.py

STATICFILES_DIRS = [
os.path.join(BASE_DIR, "lists", "static"),
]

   然后再修改base.html文件中加载css的部分

 

{% load staticfiles %}
            <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet" media="screen">

  这样子重定向后CSS就能继续正确加载了。