pinax-테마 부트 스트랩 - 계정이 트위터의 오픈 소스 부트 스트랩 프레임 워크를 기반으로 Pinax 0.9의 테마입니다.
빠른 시작
당신의 설치된 앱의 요구 사항 파일에서 "pinax-테마 부트 스트랩"와 "pinax_theme_bootstrap"를 포함합니다.
모두 템플릿 로더 및 staticfiles 측정기는 응용 프로그램 디렉토리를 포함해야합니다.
사이트 이름은 사이트 고정에서 온다.
당신의 "site_base.html"는 "theme_base.html"를 확장해야하고 "바닥 글"과 "탐색"블록 (후자 그냥 링크의 리튬의 UL해야한다)을 제공한다.
귀하의 페이지는 "head_title"와 "몸"블록을 가져야하고 "site_base.html"를 확장해야합니다.
URL 이름 "집"은 홈페이지로 정의되어야한다.
요구 사항
Pinax 0.9과 연동 해 사용하는 경우이 테마는 공식적으로 지원됩니다. 장고 <1.4 테마를 사용하는 경우, 당신은 우리가 {%를 % 렌더링} 사용하는 템플릿 태그를 장고 - staticfiles의 최신 버전을 설치해야합니다.
양식
부트 스트랩이 기대하는 마크 업을 일치 양식을 렌더링하기위한 기본 템플릿 태그이 테마 제공됩니다.
스타일의 형태, 템플릿 상단에 다음을 추가
{% 부하의 %} bootstrap_tags
다음과 같은 마크 업을 사용하여 양식을 포함한다 :
<형태>
& NBSP;
부트 스트랩 형태의 네 가지 유형의 스타일이 포함되어 있습니다. 다음 클래스 중 하나를 추가, 양식의 표시를 변경하려면 폼 태그에 속성 :
클래스 설명 이름
컨트롤 위에 세로 (기본값) .form 수직 누적, 왼쪽 정렬 레이블
수평 .form 수평 플로트 왼쪽, 컨트롤 등의 같은 줄에 오른쪽 정렬 레이블
컴팩트 한 스타일 인라인 .form 인라인 왼쪽 정렬 레이블과 인라인 블록 컨트롤
일반적인 검색 미적 검색 .form-검색 엑스트라 둥근 텍스트 입력
항해
사이트의 탐색 모음을 수정하려면 다음과 같은 패턴을 사용하여 site_base.html에서 "탐색"블록을 구현 :
-
일부 링크 > 리>
& NBSP;또 다른 링크 > 리>
& NBSP;
& NBSP; <리 ID = "tab_first">
& NBSP;
& NBSP; 리>
& NBSP; <리 ID = "tab_second">
& NBSP;
& NBSP; 리>
& NBSP; <리 ID = "tab_third"클래스 = "드롭">
& NBSP;
& NBSP; 일부 드롭 다운 메뉴
& NBSP; <= "캐럿"B 클래스>
& NBSP; >
& NBSP;
& NBSP;
& NBSP; 리>
부트 스트랩 1.x의에서 업그레이드
이 테마의 이전 버전은 부트 스트랩 1.x에서의 기반으로했다 기존 사이트를 업그레이드 할 때주의해야 할 변경 사항의 목록은 다음과 같습니다
- 기본 그리드는 12 열 16 열이 변경되었습니다.
- 부트 스트랩 2는 우리가 기본적으로 사용하도록 설정 한 응답 그리드를 제공합니다.
- 마크 업이 약간 변경된 양식은, 위의 예를 참조하십시오.
- 탐색 모음 마크 업 이제 UL에 클래스 = "탐색"을 요구
이 요구 사항 :
이 파이썬.
댓글을 찾을 수 없습니다