반응형
Quickstart — django-bootstrap-v5 1.0.0 documentation
django-bootstrap-v5 latest Installation Quickstart Example template Template tags and filters Settings Demo application Migration Template tags and filters Settings Templates Widgets Authors Changelog Docs » Quickstart Edit on GitHub Quickstart After Installation , you can use django-bootstrap-v5 in...
django-bootstrap-v5.readthedocs.io
1. HelloWorld app 에 Bootstrap 사용하기
{# Load the tag library #}
{% load bootstrap5 %}
{# Load CSS and JavaScript #}
{% bootstrap_css %}
{% bootstrap_javascript %}
{# Display django.contrib.messages as Bootstrap alerts #}
{% bootstrap_messages %}
<html>
<body>
<h1>Bootstrap Django Quickstart Page</h1>
{# Display a form #}
<form action="/admin/" method="post" class="form">
{% csrf_token %}
{% buttons %}
<button type="submit" class="btn btn-primary">
Submit
</button>
{% endbuttons %}
</form>
</body>
</html>
2. 결과
![](https://blog.kakaocdn.net/dn/dXxHkz/btrsMA7yinP/vwwlBOjJaRCzT4QwvpdXTk/img.png)
사진 설명을 입력하세요.
반응형
'기타-프로그래밍' 카테고리의 다른 글
PostgreSQL Docker 적용하기 (0) | 2022.03.06 |
---|---|
Django venv를 Docker로 옮기기 (0) | 2022.03.05 |
Maven 명령어 정리 (0) | 2018.01.25 |
MADP EMM 개념 정리 (0) | 2018.01.25 |
Mobile Acronym 모바일 두문자어 (0) | 2018.01.22 |