2012-12-08 5 views
1

이전에는 부트 스트랩을 많이 사용 했었지만 지금은 GAE 프로젝트에서 문제가 있습니다. 입력 요소의 높이가 아주 작습니다. 버튼은, 예를 들어, OK입니다 : 개발 도구에서입력의 높이가 매우 작습니다.

<div class="container"> 
    <div class="row"> 
     <div class="span6 pull-right"> 
     <div class="well well-small"> 
     <form> 
      <input id="length" class="input-small" name="length" type="text" value="8"> 
      <br/> 
      <input type="number" value="8"> 
      <br/> 
      <input type="submit" class="btn btn-success" value="Generate"> 
      <!-- etc --> 

스크린 샷 :

enter image description here

HTML 코드

enter image description here

편집 2 : 제거 된 높이 : 20 픽셀 규칙에서 부트 스트랩, 이제 괜찮습니다. 그런데 왜 거기에 있었습니까?

부트 스트랩 버전은 2.2.1입니다. 스크린 샷은 Chrome 23.0.1271.95, Mac OS X 10.8에서 작성되었습니다.

+5

브라우저의 devtools에서 해당 요소를 검사하면 해당 CSS 규칙을 볼 수 있습니다. 부트 스트랩 속성을 무시하는 다른 CSS 규칙이있을 수 있습니다. –

+0

부트 스트랩으로 정의 된 규칙 만 있습니다. – arts777

+0

제발 내 편집을 참조하십시오. – arts777

답변

7

문제를 해결해야 문서에

<!DOCTYPE html> 

를 추가합니다.

+0

내가 가진 정확한 (갑작스러운) 문제. 이것이 나를위한 올바른 해결책이었습니다. 때때로 그것은 당신이 그리워하는 작은 것들입니다. :-) – jmk2142

+1

작동하지만 왜 설명 할 수 있습니까? –

+0

부트 스트랩 http://twitter.github.io/bootstrap/getting-started.html에서 "시작하기"문서에서 설명한 기본 템플릿입니다. – TlmaK0

관련 문제