سعید علیجانی
1 ماه پیش توسط سعید علیجانی مطرح شد
4 پاسخ

استفاده از 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 %}

 تصویر


ثبت پرسش جدید
حسین
تخصص : Full Stack Developer
@hosseinyn91 1 ماه پیش آپدیت شد
1

ببین 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 هست.


سعید علیجانی
تخصص : برنامه نویس back-end
@saeed0047 1 ماه پیش مطرح شد
0

سلام. روشی که گفتید رو استفاده کردم، منتهی با ارور زیر مواجه شدم:

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',
]

و از همون میروری که ارسال کردید برای نصب استفاده کردم.🤔


حسین
تخصص : Full Stack Developer
@hosseinyn91 1 ماه پیش مطرح شد
0

این دستور هم بزنید :

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 %}

سعید علیجانی
تخصص : برنامه نویس back-end
@saeed0047 1 ماه پیش مطرح شد
0

ممنونم، هر چی تلاش کردم موفق نشدم. در نهایت فایل های bootstrap.min.css و bootstrap.bundle.min.js رو به صورت static استفاده کردم


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام