تغییر دادن base.html

باید برای جای دادن قالب بوت‌استرپ در قالب base.html آن را تغییر داد. فایل base.html جدید را بخش به بخش معرّفی می‌کنم.

تعیین سربرگ‌های HTML

اوّلین تغییری که در base.html ایجاد می‌کنیم تعریف¹⁷⁴ سربرگ‌های HTML در این فایل است تا هر گاه صفحه‌ی Learning Log باز بود مرورگر در نوار عنوان خود نام سایت را نمایش دهد. علاوه بر این تعدادی از نیازمندی‌های مربوط به به‌کارگیری بوت‌استرپ در قالب‌های خود را نیز اضافه می‌کنیم. هر آن‌چه در base.html وجود دارد پاک کنید و کد زیر را جایگزین کنید:

{% load bootstrap4 %}

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,
        shrink-to-fit=no">
    <title>Learning Log</title>
      {% bootstrap_css %}
      {% bootstrap_javascript jquery='full' %}
</head>

در ۱ مجموعه‌هایی از تگ‌های قالبی موجود در django-bootstrap4 را بارگذاری می‌کنیم. سپس تعیین می‌کنیم که این یک سند HTML است(۲) که به زبان انگلیسی نوشته شده است (۳) هر فایل HTML به دو بخش اصلی تقسیم می‌شود سربرگ و بدنه—سربرگ فایل از ۴ شروع می‌شود. سربرگ یک فایل HTML هیچ محتوایی را در بر نمی‌گیرد: این بخش تنها به مرورگر می‌گوید که برای نمایش صحیح این صفحه باید چه چیزهایی را بداند. در ۵ عنصر title صفحه را اضافه می‌کنیم که هر گاه صفحه‌ی سایت باز باشد، در نوار عنوان مرورگر نمایش داده می‌شود.

در ۶ از یکی از تگ‌های قالبی شخصی django-bootstrap4 استفاده می‌کنیم که به جانگو می‌گوید تمام فایل‌های شکل‌دهی بوت‌استرپ را وارد کند. تگی که بعد از این می‌آید تمام رفتارهای تعاملی مورد استفاده در صفحه را شامل فعّال می‌کند، مانند نوارهای پیمایش باز و بسته‌شونده. تگ بستن </head> در ۷ می‌آید.