2017-02-12 3 views
-1

플라스크 부트 스트랩 작업에 익숙해 지려고합니다. 그러나 한 가지는 나를 혼란스럽게합니다. 나는 http://getbootstrap.com/components/#navbar-fixed-top을 사용하고 있습니다.부트 스트랩 수정 상단 네비게이션

그것은 나를 추가 지시 : body { padding-top: 70px; } 그러나

, 어디 내가 그것을 추가 할 수 있습니까? html 파일에 수동으로 추가했는데 작동하지만 블록으로 작업하고 있습니다.

이것은 지금과 같이 생겼는데, 그것이 가정되는 방식이 아닙니다.

This is what it looks like

+0

고정 된 탐색 모음이있는 경우 선택 사항입니다. –

+0

그래, 눈치 챘지만 다른 경우에는 내 탐색 모음이 텍스트와 겹치므로 내 경우에 필요합니다. – Nerotix

+0

게시물 코드 또는 유사 코드로 전체 코드 –

답변

0

당신이 잘 보이는 추가하려고하는 장소. 부트 스트랩 CSS 파일 다음에로드되는 모든 CSS 파일에 있어야합니다. HTML에서 CSS를 인라인하고 페이지의 <head> 섹션에서 올바르게 부트 스트랩 CSS를로드하는 경우 부트 스트랩 이후에로드되므로 괜찮습니다. 유일한 점은 CSS를 별도의 파일로 리팩토링하는 경우 <rel> 페이지 CSS 파일을 호출하면 부트 스트랩 CSS 호출 이후에 이되어야한다는 것입니다.

블록을 플라스크라고 부르는 것은 백본, 루비, 콧수염 등의 템플릿과 비슷한 템플릿이라고 볼 수 있습니다.이 기능을 사용하면 페이지를 로컬 호스트에로드하고 소스를 검사하면 도움이됩니다. 최종 페이지의로드 방식 및 모든 부분이 다른 부분과 비교하여로드되는 위치를 볼 수 있어야합니다. 그러나 동일한 원칙이 적용되어야합니다. 플래시를 사용하면 head 블록을 사용하여 페이지의 <head> 섹션에로드해야합니다.

+0

것은 있습니다. 메신저를 사용하려고 블록과 좀 원하는 모든 것을 넣어. – Nerotix

+0

https://wrapbootstrap.com/theme/ultimate-blocks-theme-builder-WB0DDD518을 의미합니까? 또는 다른 것? CSS 블록을 사용한다고 생각했습니다. CSS를 사용하고 있다면 블록을 항상 사용하고 있다고 생각 했으므로 다소 혼란 스러웠습니다. –

+0

아, 미안하지만, 그 prolly 혼란 스럽지만 .. 나는 그것을 사용하여 메신저 방법의 비디오를 연결했습니다. 나는 다음과 같이 블록을 사용합니다 : {% block body %} bla bla {% endblock %} – Nerotix