Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Bootstrap: Container | Templates
Django: Build Your First Website
course content

Course Content

Django: Build Your First Website

Django: Build Your First Website

1. Get Started
2. The First Application
3. Models
4. CRUD Operations
5. Templates
6. Forms and Dynamic URLs

bookBootstrap: Container

Container

  • bg-body-tertiary: Applies a dark background defined by Bootstrap;
  • p-5: Adds padding inside the block. p-5 sets large padding;
  • rounded: Rounds the corners of the block, giving it a visually rounded appearance.
  • mt-3: Adds a top margin of size 3 (distance between this block and the preceding element).

Button

Creates a link with the classes btn (indicating it's a button), btn-lg (large button), and btn-primary (applies the primary button style). The link points to /docs/.

This code utilizes Bootstrap classes and styles for quick and easy styling and positioning of elements on the page. Bootstrap provides pre-defined styles and components, streamlining the development process and enhancing the appearance and behavior of websites.

arrowfolder
__init__.py

__init__.py

folder/
folder

notes

folder

my_notes

folder

migrations

__init__.py

__init__.py

0001_initial.py

0001_initial.py

0002_delete_note.py

0002_delete_note.py

0003_initial.py

0003_initial.py

folder

templates

base.html

base.html

notes.html

notes.html

__init__.py

__init__.py

admin.py

admin.py

apps.py

apps.py

models.py

models.py

tests.py

tests.py

urls.py

urls.py

views.py

views.py

folder

notes

__init__.py

__init__.py

asgi.py

asgi.py

settings.py

settings.py

urls.py

urls.py

wsgi.py

wsgi.py

manage.py

manage.py

requirements.txt

requirements.txt

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 5. Chapter 5
We're sorry to hear that something went wrong. What happened?
some-alt