본문 바로가기
Languages/Python

[Django] templates 꾸미기 - Djangogirls

by 김크롱 2020. 7. 30.

부트스트랩

 

blog/templates/blog/post_list.html

<head>
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
</head>

 

 

CSS

blog/static

 - static 폴더 생성

 - 이 컨텐츠를 자동으로 정적파일로 사용하게 됨

 

blog/static/css/blog.css

 - css 폴더, blog.css파일 생성

 

CSS 적용

blog/templates/blog/post_list.html

 

{% load static %}
<html>
    <head>
        <title>blog name</title>
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="{% static 'css/blog.css' %}">
    </head>

 

 

blog.css 작성 후 

 

 

 

 

자세한 내용은 

 

https://tutorial.djangogirls.org/ko/css/

 

CSS - 예쁘게 만들기 · HonKit

No results matching ""

tutorial.djangogirls.org