FastAPI 프로젝트 진행(bootstrap, js 파일 추가) - 76

프로젝트 디렉터리 구조

fastapi
todoapp
main.py database.py models.py todos.db	templates	static		routers
		todo
		css	js
	home.html	base.css bootstrap.css	bootstrap.js jquery-slim.js popper.js	auth.py todos.py

 

bootstrap 파일 추가, javascript 파일 추가

 

1. base.css 수정

body {
  background: #fafafa;
  color: #33333a;
  padding-top: 70px;
}

h1, h2, h3, h4, h5, h6 {
  color: #323232;
}

.main-color {
  background-color: #0e76a8 ;
}

.strike-through-td {
    text-decoration: line-through;
}

 

 

2. css 디렉터리 하위에 bootstrap.css 추가

bootstrap.css

0.18MB

 

 

3. js 디렉터리 하위에 파일 추가

bootstrap.js

0.13MB

jquery-slim.js

0.25MB

popper.js

0.02MB