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.
__init__.py
notes
my_notes
migrations
__init__.py
0001_initial.py
0002_delete_note.py
0003_initial.py
templates
base.html
notes.html
__init__.py
admin.py
apps.py
models.py
tests.py
urls.py
views.py
notes
__init__.py
asgi.py
settings.py
urls.py
wsgi.py
manage.py
requirements.txt
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Kysy minulta kysymyksiä tästä aiheesta
Tiivistä tämä luku
Näytä käytännön esimerkkejä
Awesome!
Completion rate improved to 4
Bootstrap: Container
Pyyhkäise näyttääksesi valikon
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.
__init__.py
notes
my_notes
migrations
__init__.py
0001_initial.py
0002_delete_note.py
0003_initial.py
templates
base.html
notes.html
__init__.py
admin.py
apps.py
models.py
tests.py
urls.py
views.py
notes
__init__.py
asgi.py
settings.py
urls.py
wsgi.py
manage.py
requirements.txt
Kiitos palautteestasi!