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. 장고 스테틱]] |