2012-04-18 6 views
0

저는 PhoneGap에서 레이아웃을 만들 때 Twitter Bootstrap을 사용하고 있습니다.국경이 어디에서 찾을 수 있습니까?

with the 768px;

<div class="container"> 
<div class="span12" style="background: red;"> 
<img src="img/teste.png"> 
</div> 
</div> 

나는 폭이 괜찮하고 있는지 빨간색 배경 그냥 확인하는 장소했습니다 :

나는이 간단한 HTML이있다. 다음은 768 픽셀의 이미지입니다. 내가 마진 명령과 아무것도 bootstrap.css 및 부트 스트랩 - responsive.css 모두 체크 한 enter image description here

: 나는 이미지를 추가 할 때 여기 enter image description here

그리고 망할 왼쪽 여백입니다.

이미지 너비는 768px (확인)입니다. 이미지를 768px에 맞춰야합니다.

+2

인스펙터 (마우스 오른쪽 버튼을 클릭하고 요소 검사)를 사용하여 현재 진행중인 작업을 확인하는 이유는 무엇입니까? –

+0

덕분에 @EvanMulawski가 그 사실을 잊어 버렸고 지금은 이미지를 추가 할 때'bootstrap-responsive.css'가 작동하지 않는 것처럼 보입니다. – Gerep

답변

0

부트 스트랩 그리드 시스템의 일부입니다 볼 그 여백에 마진과 패딩을 다시 설정. 부트 스트랩에 주어진 너비와 그 마크 업에 포함시키지 않은 .row div에 의해 오프셋 된 내용을 적절하게 맞춰야합니다.

.span12 div를 .row div 안에 넣으면 제거해야합니다.

<div class="container"> 
    <div class="row"> 
     <div class="span12" style="background: red;"> 
      <img src="img/teste.png"> 
     </div> 
    </div> 
</div> 
+0

행을 추가하면 여백이 약간 작지만 여전히 보입니다. 파이어 버그를 사용하여 CSS 계산 값이 올바른 것이 아니라 올바른 스타일을 호출하지 않는 것으로 나타났습니다. 내 헤더에 나는이 메타를 가지고있다. '그리고로드 된 너비는'711px'이다. 왜 그런지 모르겠다. – Gerep

+0

@Gerep 'img {width : 100 %; 높이 : 자동; }'이미지를 화면 너비로 축소하는지 테스트합니다. –

0

시도 제로

*{margin:0px;Padding:0px;} 
+0

같은 결과 ... 이미지를 추가 할 때'bootstrap-responsive.css'가 작동하지 않는다고 생각합니다. 이해가되는지 모르겠지만 이미지를 추가하면 768px 너비가'bootstrap-responsive.css '사용되지 않습니다 – Gerep

관련 문제