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

Зміст курсу

Django: Build Your First Website

Bootstrap: ContainerBootstrap: 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

Все було зрозуміло?

Секція 5. Розділ 5
course content

Зміст курсу

Django: Build Your First Website

Bootstrap: ContainerBootstrap: 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

Все було зрозуміло?

Секція 5. Розділ 5
some-alt