Django - 9. 제품 페이지 디자인하기

 

Django - 9. 제품 페이지 디자인하기 

 

product.html 을 가지고 작업한다. 다음은 작업전 화면이다. 

첫번째 작업. 네비게이션

다음 클래스를 적용한다. 

그리고 my_prod_row_class 를 custom.css 에서 지정한다. 

이렇게 화면이 바뀌는 것을 볼수있다. 

다음은 제품 / 이미지 / 간단 설명 ....부분에 대한 스타일 적용

코드를 수정한 부분은 다음과 같다. 

일부 스타일 적용 

style 추가 

 

 

Next, 

NEXT, 

 

NEXT, 

제품 설명에 대한 스타일을 조금더 변경한다. 수정할 부분을 클래스로 지정하고 시작한다. 

 

Next, 

Add to Cart 에 스타일 적용

이렇게 부트스트랩을 이용해서 만들면 responsive 웹을 구현할수 있다. 

끝..