Flask로 Bootstrap carousel에 여러 장의 사진 배열을 슬라이더로 나타내고자 한다.
[Bootstrap Carousel]
https://getbootstrap.kr/docs/5.2/examples/carousel/
Carousel Template · Bootstrap v5.2
Example headline. Some representative placeholder content for the first slide of the carousel. Sign up today
getbootstrap.kr
원본 코드는
carousel slide -> carousel-inner -> carousel-caption, carousel-item, carousel-control-prev-next 등 으로 이루어져 있다.
py코드에서 render_template 를 통해 carousel.html에 이미지 배열등 원하는 변수 값을 넘겨준다
carousel.html에서 carousel-inner에 imageLIst를 1장씩 loop시켜 불러낸다.
'웹 프로그래밍 (Web Programming)' 카테고리의 다른 글
| [Flask & React] API 호출시 403 Forbidden, CORS 에러 발생 (1) | 2023.10.23 |
|---|---|
| [IntelliJ, JSP, Java] Cannot resolve 에러 (0) | 2023.05.24 |
| [Flask] Bootstrap 304, 404 static/template 적용 에러 (0) | 2023.01.10 |
| [Django] 220410 학습일지 2 - Django ulrs, views, html (0) | 2022.04.10 |
| [Django] 220408 학습일지 1 - Django 홈페이지 만들기 (0) | 2022.04.08 |