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

book
Bootstrap: Container

Container

<div class="bg-body-tertiary p-5 rounded mt-3"> </div>
  • 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

<a class="btn btn-lg btn-primary" href="/docs/"> </a>

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

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 5

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

We use cookies to make your experience better!
some-alt