본문 바로가기

기타-프로그래밍

Bootstrap 시작하기

반응형

 

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. 결과

대표사진 삭제

사진 설명을 입력하세요.

 

 

반응형

'기타-프로그래밍' 카테고리의 다른 글

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