부트 스트랩 그리드 버그?

Question

내 코드에서 오류를 고정시키는 데 성공했습니다. 정말 이상한 말을해야합니다. 물론, 누군가가 google에 말하기 전에, 나는 hehehe을 가지고있다. 나는 이것이 단순히 버그인지, 또는 이것에 대한 해결책이 있는지 간단히 알고 싶다.

일부 콘텐츠를 편집하여 서버로 보내려는 양식이 있습니다. 것은, 내가 필드를 집중하려고 할 때 (클릭), 나는 할 수 없다. 어떤 이유로 든 사용할 수 없습니다. 입력뿐만 아니라 선택 상자와 확인란도 있습니다. 그러나, 텍스트 영역을 div로 클래스를 자식으로 변경하면 col-sm-12에서 col-sm-11 everithing works해야합니다. 이제는 다른 모든 것이 12 일 때 크기 11의 열을 사용하고 싶지 않습니다. 이상하게 보입니다. 여기

내 코드입니다 :

<form> 
    <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6"> 
     <label for="title" >Title</label> 
    <input type="input" name="title" class="form-control" value="<?php echo $article['title'] ?>"> 
    </div> 
    ... 
    ... 
    <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12"> 
     <label for="content" >content</label> 
     <textarea name="content" class="form-control" rows="3"><?php echo $article['content'] ?></textarea> 
    </div> 
    <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-2"> 
     <input type="submit" name="submit" class="btn btn-success form-control" value="Save!"/> 
    </div> 
... 
</form> 

사람이 이것에 대해 아무것도 알고 있나요?

Answer 1

오늘이 문제가 발생했습니다. 텍스트 입력은 클릭에 집중하지 않으며 clearfix div는 작동하지 않습니다.

해결 방법은 각 col-xx-x를 .row 클래스로 div에 래핑하는 것이 었습니다. 예 :

<div class="row"> 
    <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12"> 
     <label for="content" >content</label> 
     <textarea name="content" class="form-control" rows="3"></textarea> 
    </div> 
</div> 

Answer 2

같은 문제가 발생했습니다. .clearfix 또는 행 클래스가있는 div의 각 col-xx-x를 바꿀 수 없습니다. 그러나 행 클래스를 포함하는 div 내에서 양식 태그를 래핑하면 문제가 해결되었습니다.

Answer 3

내가 같은 문제가

<div class="row"> 
 
    <form> 
 
    . 
 
    . 
 
    . 
 
    </form> 
 
</div>    
 
      

, 여전히 후 작동 사업부 행을 추가하지. 내가 문제를 해결하기 위해 스타일 CSS에이 코드를 추가

.col-md-12{ 
    width: 100% !important; 
} 

모든 추가 COL-XX를-12

Answer 4

문제는 사업부 또는 입력 컨트롤을 겹치는 다른 요소가 있다는 것입니다. 입력 요소를 탭할 수 있어야합니다. 입력 요소를 클릭 할 수는 없지만 탭을 통과 할 수 있어야합니다. 이 stackoverflow 게시물을 방문하십시오 : Bootstrap 3 form not working on mobile devices.