부트스트랩 다운로드

Download

jango/static 폴더 안에 bootstrap 폴더 만들기

/jango/static/bootstrap 폴더 안에 bootstrap-5.0.2-dist 안에 있는 파일 복사하기

question_list.html에서 변경

맨 윗줄을 변경

{% load static %}
<link rel="stylesheet", href="{% static 'bootstrap/css/bootstrap.min.css' %}">

<h1>설문조사 질문리스트</h1> 에 스타일 추가

가운데 정렬, 위와 밑에 20px 여유 주기

<h1 style="text-align: center; margin-top: 20px; magin-bottom: 20px;">설문조사 질문리스트</h1>

클래스 이름을 question_list.html에 테이블에 붙여넣기

먼저 <table> </table> 사이 class="" ← 이 문구 다 지우기

<tbody> 위에 <thead>만들기

<table>
    <thead>

    </thead>
    <tbody>

순번, 설문 제목을 <thead> 사이에 넣기