0

나는 을 사용했다. Drupal 사이트를 테마로 한 맞춤형 트위터 부트 스트랩 프레임 워크. 나는 간단한 테마 (안 드루팔)가 태블릿에 반응하는 행동을 보여주는데을 업로드 할 때 그것은 나에게 두 개의 파일맞춤형 부트 스트랩이 태블릿에서 회상 동작을 보이지 않음

bootstrap.css 

bootstrap.min.css. 

했다. 동일한 테마를 Drupal로 변환하면 Drupal 사이트는 내 컴퓨터에서 브라우저의 크기를 조정할 때 반응하는 동작을 표시합니다. 그러나 타블렛으로 사이트를 방문하면 정상적인 웹 사이트가됩니다.

이 파일은 theme.info의 css 파일 계층 구조입니다.

stylesheets[all][] = css/bootstrap.css 

stylesheets[all][] = css/bootstrap.min.css 

stylesheets[all][] = css/custom.css 

나는 어디로 가고 있습니까? 미리 감사드립니다.

답변

0

반응성 스타일 시트가 포함되어 있지 않습니다. 주 부트 스트랩 스타일 시트 (bootstrap.css, 개발에 사용됨) 및 축소 버전 (생산을 위해 bootstrap.min.css) 만 포함하면됩니다. bootstrap.css 스타일 시트를 제거하고 bootstrap-responsive.css 뒤에 응답 시트를 포함하면됩니다.

+0

@Andres에 감사드립니다. 부트 스트랩의 사용자 정의 된 버전을 다운로드 한 이후 bootstrap.css와 bootstrap.min.css 파일이 두 개만 있고 bootstrap-responsive.css가 bootstrap.css에 사용자 정의 버전으로 포함되어 있다고 들었습니다. 사실 그것은 bootstrap.css에 포함되었습니다. 브라우저의 크기를 조정할 때 반응하는 동작을 볼 수도 있지만이 동작은 태블릿에서는 볼 수 없습니다. –

+0

@sandeshyadav 오, 그게 사용자 정의 된 다운로드로 완료되지 않았습니까? P 귀하의 페이지를 체크하고 문제를 진단 할 수있는 데모 사이트가 있습니까? –

+0

현재이 사이트는 http://bibliophilics.com/test/writerskafe/에서 볼 수 있으며 사용자 지정된 다운로드를 사용하고 있습니다. –

0

먼저 두 파일을 모두 포함 할 필요는 없습니다.

두 번째로 반응 형 반응을 만들기 위해 일부 클래스를 사용해야합니다. 내가 아는 한 부트 스트랩 자체가 응답 성을 지원하기 때문에 부트 스트랩 대응 파일 (전용 파일)이 없습니다.

테이블을 반응 적으로 만들고 싶다면 다른 클래스와 함께 class = "table-responsive"를 사용하십시오. 당신이 버튼을 반응 적으로 사용하고 싶다면 class = "col-lg- * col-md- * col-sm- * col-xs- *" 을 사용하십시오. 여기서 *는 1에서 12까지의 rangin을 나타냅니다.

관련 문제