استفاده از Bootstrap به صورت cdn با استفاده از llib.arvancloud.ir
سلام من میخواستم با استفاده از فایل هایی که آروان کلود در این ادرس در دسترس گذاشته بدون نیاز به نصب bootstrap از اون در کد html مربوط به پروژه خودم استفاده کنم، اما هیچ تغییری ایجادنمیشه. میشه راهنمایی کنید مشکل رو پیدا کنم؟
:base.html
<!DOCTYPE html>
<html lang="En">
<head>
<link src="https://lib.arvancloud.ir/startbootstrap-creative/5.1.8/css/creative.min.css" crossorigin="anonymous" referrerpolicy="no-referrer">
</head>
<body>
{% block content %}
{% endblock %}
<script src="https://lib.arvancloud.ir/startbootstrap-creative/5.1.8/js/creative.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>:signup.html
{% extends '_base.html' %}
{% load crispy_forms_tags %}
{% block page_title %}
SignUp
{% endblock %}
{% block content %}
<form action='' method='post'>
{% csrf_token %}
{{ form|crispy }}
<button type="submit">SignUp</button>
</form>
{% endblock %}
پاسخ‌ها
4
ببین cdn ابرآروان من وقتی میخواستم استفاده کنم مشکل داشت. اگه از django استفاده میکنی میتونی از django-bootstrap5 استفاده کنی.
pip install django-bootstrap5از هر میروری که بخوای میتونی استفاده کنی. من از خودم از runflare mirror استفاده میکنم :
pip install -i https://mirror-pypi.runflare.com/simple django-bootstrap5
بعد توی settings.py اضافه کن :
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'bootstrap5',
]
بعد بالای فایل base.html ات اینو اضافه کن :
{% load bootstrap5 %} {% load static %}
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{% bootstrap_css %}حالا میتونی از کلاس های bootstrap استفاده کنی.
اگر به هر دلیلی نخواستی از این روش استفاده کنی، بگو فایل bootstrap رو برات بفرستم. میتونی css ها و js هاشو به صورت static توی base.html ات و صفحات دیگه ای که میخوای بزاری ولی این روش که گفتم بهترین روش برای django هست.
سلام. روشی که گفتید رو استفاده کردم، منتهی با ارور زیر مواجه شدم:
ModuleNotFoundError: No module named 'bootstrap5'در صورتی virtual enviroment فعال هست و پکیج نصب شده:
LENOVO@Enola MINGW64 ~/Desktop/bookstore
$ pip freeze
asgiref==3.11.1
crispy-bootstrap5==2026.3
Django==5.2.11
django-bootstrap5==26.2
django-crispy-forms==2.6
sqlparse==0.5.5
typing_extensions==4.15.0
tzdata==2025.3و به installed_app هم اضافه کردم:
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'accounts',
'pages',
'bootstrap5',
'crispy_forms',
'crispy_bootstrap5',
]و از همون میروری که ارسال کردید برای نصب استفاده کردم.🤔
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد
این دستور هم بزنید :
pip install -i https://mirror-pypi.runflare.com/simple django-bootstrap-v5راستی اگر میخواید از جاوا اسکریپت های بوت استرپ هم اضافه کنید، اون رو باید بالای base.html اضافه کنید به این شکل :
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}{% endblock %}</title>
{% load bootstrap5 %}
{% bootstrap_css %}
{% bootstrap_javascript %}ممنونم، هر چی تلاش کردم موفق نشدم. در نهایت فایل های bootstrap.min.css و bootstrap.bundle.min.js رو به صورت static استفاده کردم