바뀜

부트스트랩과 구글에서 무료로 제공하는 아이콘 팩(메터리얼 아이콘)이 있다. 메터리얼 아이콘은 head에 불러와서 class로 불러와 구현한다.(이와 함께 style을 지정해 아이콘의 크기, 색 따위를 변형할 수 있다.) 자세한 사용법은 나중에 찾아보자.(진짜 특이한..하지만 유용한 방식이네;)

부트스트랩과 구글에서 무료로 제공하는 아이콘 팩(메터리얼 아이콘)이 있다. 메터리얼 아이콘은 head에 불러와서 class로 불러와 구현한다.(이와 함께 style을 지정해 아이콘의 크기, 색 따위를 변형할 수 있다.) 자세한 사용법은 나중에 찾아보자.(진짜 특이한..하지만 유용한 방식이네;)

===탬플릿에 적용하기===

===탬플릿에 적용하기===

적용은 html 파일에 아래와 같이.(다운받은 이름에 오타가 생기지 않게)<syntaxhighlight lang="html">

적용은 html 파일에 아래와 같이.(다운받은 이름에 오타가 생기지 않게)<syntaxhighlight lang="html">

{% load static %}

{% load static %}

<!-- Bootstrap CSS -->

<!-- Bootstrap CSS -->

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

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

<!-- 각 앱의 CSS. 앱의 CSS를 먼저 뒤지고 상위의 CSS를 찾는다. -->

<!-- Bootstrap JS -->

<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}">

<script src="{% static 'bootstrap/bootstrap.min.js' %}"></script>

 

<!-- jQuery JS(점차 사용하지 않는 추세다.) -->

<!-- jQuery JS(점차 사용하지 않는 추세다.) -->

<script src="{% static 'jquery-3.5.1.min.js' %}"></script>

<script src="{% static 'jquery-3.5.1.min.js' %}"></script>

</syntaxhighlight>

</syntaxhighlight>

==장고 제공기능==

==장고 제공기능==

   <td class="table-dark">...</td>

   <td class="table-dark">...</td>

</tr>

</tr>

</syntaxhighlight>

</syntaxhighlight>각종 사용법에 대해선 다음 링크 참조 https://getbootstrap.com/docs/4.4/getting-started/introduction/<nowiki/>(버전별로 약간씩 사용법이 달라지니 유의)

 

[[분류:4. 장고 스테틱]]

[[분류:4. 장고 스테틱]]