javascript - django CSS : general query on CDNs and crispy forms

标签 javascript html css django django-crispy-forms

我已经建立了一个页面,并使用推荐的访问在线引导服务器的CDN代码实现了 Bootstrap :

对于 CSS:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

Javascript:

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

但是最终我的网站将不得不上线,我不确定这段代码是否足够,我觉得我应该下载实际的 Bootstrap 代码。

此外,如果我正确下载 Bootstrap 代码并将其放在一个名为“css2”的假设媒体文件夹中,这样它就不会干扰我自己的自定义 css 文件,那么我应该将 crispy_forms 放在哪里。

截至目前,我将它们保存在“媒体”内下载的脆皮表格文件中 - 与“myproject”处于同一级别,但“{load crispy_forms}”标签不会出现在媒体文件夹中,因为“CRISPY_TEMPLATE_PACK = 'bootstrap3'"没有指定查找 crispy 表单内容的路径... crispy 表单网站告诉我要查找 django 文档以了解如何组织我的媒体文件夹,但在“cripy 表单”下搜索网站不会返回任何结果。 ....

最后,我在已安装的应用程序中添加了 crispy 表单:

    INSTALLED_APPS = (
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'myproject.myapp'
'crispy_forms',   ###Registered
 )

但是,当我迁移并运行服务器时,出现错误:

 ImportError: No module named myappcrispy_forms

所以我重新安排了模块的顺序然后得到了这个错误:

 ImportError: No module named crispy_forms
  1. 我应该正确下载 bootstrap 还是 CDN 就足够了?
  2. 我应该在哪里存储 Bootstrap 代码,它将如何影响我自己的 CSS 代码?
  3. 如何注册模块 crispy_forms?我应该将 crispy forms 文件夹存储在哪里?这方面的文档很少?

谢谢

最佳答案

  1. 使用 CDN 有利也有弊:它允许您缓存 Bootstrap 文件,这样您的网站页面从第二次开始就可以更快地下载。另一方面,您通常不需要使用所有 bootstrap css 功能,而只需使用其中的一小部分。在这种情况下,首选本地和“ self 清理”的 Bootstrap 文件。像 Gulp 这样的元素收集器可以真正帮助您“清理”bootstrap css。
  2. 我通常将 Bootstrap 文件存储在 /static/css/bootstrap.min.css/static/js/bootstrap.js - 在与其他 css 和 js 文件相同的文件夹中。为了给你自己的 css 更高的优先级,只需在引导文件之后将它链接到 html 文件中。
  3. 嗯,我个人认为 crispy_forms 已经很清楚了 documentation.要开始使用它,您只需:安装它,将应用程序添加到 settings.py 中的已安装应用程序,并通过设置模板包变量指向您要使用的 css 框架。从文档中您可以看到 crispy 不再上传它自己的 Bootstrap 文件。它会改用你的。

关于javascript - django CSS : general query on CDNs and crispy forms,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35588203/

相关文章:

javascript - 较小的运算符在 JavaScript 代码中给出错误

javascript - 计算值的出现次数,例如@@?

html - Internet Explorer 表单输入问题

javascript - 格式化文本中的数字

javascript - React - intl 与外部翻译文件

html - 沿对 Angular 线拆分为 3 个 div

html - 背景 : fixed no repeat not working on mobile

html - 无序列表未出现在网页上

javascript - 如何使 slider 的高度与图像相对于窗口宽度的高度相匹配?

javascript - 传递给 SCEditor 时无法使 JSON 对象正常工作