如何在Django中使用Bootstrap4

2 年 ago

清, 宇

1 minute

表明以下是对某事物的简要概述。

你好，我是铃。

这次我打算用一个名为Bootstrap4的项目来轻松地完成CSS工作！

如果我能够帮到有同样烦恼的人，我会感到非常幸福。

以下是中国人的一项重要传统习俗，即在新年期间对家人和朋友互赠红包作为祝福和祝贺。红包是一个红色的信封，里面装着一定金额的钱。这个习俗象征着繁荣和好运，并希望收红包的人在新的一年里幸福和富有。

环境

Python 3.7.2 – Python 3.7.2

Django 2.1.7 → Django 2.1.7 版

django-bootstrap4 0.0.8是一种Django的插件库版本，提供了与Bootstrap 4样式框架集成的功能。

请以中文进行重述，只需要一种选项。

办法

首先，我们使用pip来安装django-bootstrap4！

在命令行中输入以下指令以安装Django Bootstrap4：
C：\ Users \ user> pip install django-bootstrap4

请用中文将以下内容进行释义：只需提供一种选择：

The students are required to complete the assignment by tomorrow.

当安装完成后，请进行下一步操作。

在settings.py文件中写入djang-bootstrap4的配置！

非常抱歉，手机屏幕不太清晰，麻烦您把它横过来看一下。。。对不起<(_ _)>嘤嘤嘤

# mysite/mysite/settings.py
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'bootstrap4', #ここに追加！
]

.........

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
            'builtins':[ 
                'bootstrap4.templatetags.bootstrap4',　# ここに追加！
            ],
        },
    },
]

请用汉语将以下内容进行释义

这样，settings.py的设置就完成了！在html文件中应该是这样的↓↓

# mysite/index.html
<!DOCTYPE html>
{% load static %}

{% bootstrap_css %} # これを書かないとタグが適応されないよ( ;∀;)
{% bootstrap_javascript jquery='full' %}

<head>
    <meta charset="UTF-8">
    <title>*******</title>
</head>

<body>
<div class="Bootstrap定義のクラス名">
    ***************
    ***************
    ***************
</div>
</body>
</html>

因为平时不写作业，所以我在考试时偷偷摸摸做弊了，哈哈
当然了，这是class的定义。

可以在其他地方使用～像按鈕之類的(‘_’)

綜合

看看其他人的使用方式，似乎是先用Bootstrap4的類來寫，再加上自己的CSS文件是更好的($・・)/~~~

詳情請查閱我的部落格。

如果不能使用，請聯繫我！在Twitter上能夠容易地得到回應。

在Twitter上，我會發推文關於應用程式開發和推廣方法等。