바뀜

1,117 바이트 추가됨 ,  2021년 11월 23일 (화) 13:42
55번째 줄: 55번째 줄:     
= 확인 =
 
= 확인 =
확인을 위해 네비게이션 바를 적용해보자. [[장고 네비게이션 바 만들기]] 문서를 참고하자. 귀찮다면.. 부트스트랩 문서에서 제공하는 아무 기능이나 구현해보자.
+
확인을 위해 네비게이션 바를 적용해보자. [[장고 네비게이션 바 만들기]] 문서를 참고하자.
 +
귀찮다면.. 부트스트랩 문서에서 제공하는 아무 기능이나 구현해보자. 다음의 코드를 탬플릿에 넣고 접속해보면 다채로운 색의 표가 나타난다.<syntaxhighlight lang="html+django">
 +
<!-- On tables -->
 +
<table class="table-primary">...</table>
 +
<table class="table-secondary">...</table>
 +
<table class="table-success">...</table>
 +
<table class="table-danger">...</table>
 +
<table class="table-warning">...</table>
 +
<table class="table-info">...</table>
 +
<table class="table-light">...</table>
 +
<table class="table-dark">...</table>
 +
 
 +
<!-- On rows -->
 +
<tr class="table-primary">...</tr>
 +
<tr class="table-secondary">...</tr>
 +
<tr class="table-success">...</tr>
 +
<tr class="table-danger">...</tr>
 +
<tr class="table-warning">...</tr>
 +
<tr class="table-info">...</tr>
 +
<tr class="table-light">...</tr>
 +
<tr class="table-dark">...</tr>
 +
 
 +
<!-- On cells (`td` or `th`) -->
 +
<tr>
 +
  <td class="table-primary">...</td>
 +
  <td class="table-secondary">...</td>
 +
  <td class="table-success">...</td>
 +
  <td class="table-danger">...</td>
 +
  <td class="table-warning">...</td>
 +
  <td class="table-info">...</td>
 +
  <td class="table-light">...</td>
 +
  <td class="table-dark">...</td>
 +
</tr>
 +
</syntaxhighlight>
 
[[분류:4. 장고 스테틱]]
 
[[분류:4. 장고 스테틱]]