바뀜

이러한 작업의 비효율성을 줄이기 위해 만들어진 것이 부트스트랩이다. 트위터(Twitter)를 개발하면서 만들어졌고 현재 지속적으로 관리되고 있는 오픈소스 프로젝트이다.

이러한 작업의 비효율성을 줄이기 위해 만들어진 것이 부트스트랩이다. 트위터(Twitter)를 개발하면서 만들어졌고 현재 지속적으로 관리되고 있는 오픈소스 프로젝트이다.

=== 설치 ===

=== 설치 ===

===팁===

===팁===

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

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

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

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

 

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

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

</syntaxhighlight>

</syntaxhighlight>

각종 사용법에 대해선 다음 링크 참조 https://getbootstrap.com/docs/4.4/getting-started/introduction/

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

부트스트랩을 잘 쓰려면... 공부가 조금 필요하다.

부트스트랩을 잘 쓰려면... 공부가 조금 필요하다.

=장고 제공기능=

==장고 제공기능==

===라이브러리로 부트스트랩 사용하기===

===라이브러리로 부트스트랩 사용하기===

개인적으로는.. 부트스트랩의 업그레이드와 다른 정적파일 사용들에 익숙해지기 위해 위의 방법을 추천한다.

개인적으로는.. 부트스트랩의 업그레이드와 다른 정적파일 사용들에 익숙해지기 위해 위의 방법을 추천한다.

{% bootstrap4_form form %} 을 <nowiki>{{form}}</nowiki> 대신 넣으면... 위에서 진행한 지저분한 방법을 쓰지 않고도....진행이 된다;

{% bootstrap4_form form %} 을 <nowiki>{{form}}</nowiki> 대신 넣으면... 위에서 진행한 지저분한 방법을 쓰지 않고도....진행이 된다;

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

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