[Python知识库] django使用bootstrap3官网下载的包

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> Python知识库 -> django使用bootstrap3官网下载的包 -> 正文阅读

[Python知识库]django使用bootstrap3官网下载的包

首先如何在官网bootstrap3包？
网页输入地址:https://www.bootcss.com/
点击bootstrap3中文文档

在这里插入图片描述
点击下载bootstrap

在这里插入图片描述
下载第一个就可以

解压后有三个文件夹。注意这里没有jquery包，需要自己单独下，可以查看作者的文档有写。

在django项目中新建static文件夹，与templates文件夹同级。

在static文件夹下新建三个文件夹。image文件夹用来放图片，javascript文件夹用来放js文件，style文件夹放css样式文件。讲bootstrap的css和js文件夹内容分别导入。如下图。
在这里插入图片描述
在自己编写html文件中加上三个本地包，注意的是jquery引用要在js前面，不然会报错。注释部分是python的bootstraps3包如何用的示范。也可以用，不过jquery还是一样的引用。


    <link rel="stylesheet" href="../static/style/bootstrap.min.css" />
    <script src="../static/jquery.min.js"></script>
    <script src="../static/javascript/bootstrap.min.js"></script>

在这里插入图片描述
最后在setting.py文件夹下新增以下代码即可。

STATIC_URL = '/static/'
HERE = os.path.dirname(os.path.abspath(__file__))
HERE = os.path.join(HERE, '../')
STATICFILES_DIRS = (
    # Put strings here, like "/home/html/static" or "C:/www/django/static".
    # Always use forward slashes, even on Windows.
    # Don't forget to use absolute paths, not relative paths.
    os.path.join(HERE, 'static/'),
)