2014-04-29 2 views
0

클라이언트에서 사용할 수있는 너비가있을 때 일부 양식 필드를 나란히 배치하고 싶지 않을 때 깔끔하게 쌓아두기를 원합니다. 거의 작동하지만 아주 "깔끔하게"쌓여있는 것은 아닙니다. 여기에 마크 업이야 ... 여기 부트 스트랩 열이 쌓이면 CSS 세로 간격이 사라집니다.

<div class="form-group"> 
    <div class="col-md-3"> 
    <input type="text" placeholder="State" class="form-control" ng-model="family.state"> 
    </div> 
    <div class="col-md-4"> 
    <input type="text" placeholder="Zip" class="form-control" ng-model="family.zip"> 
    </div> 
    <div class="col-md-4"> 
    <div class="checkbox"> 
     <input type="checkbox" ng-model="family.listAddress">List address</input> 
    </div> 
    </div> 
</div> 

원하는대로되는 다양한 결과입니다 :

good

을하지만, 여기에 (때문에 누락 된 수직 공간) 매우 옳지 않아 좁은 결과입니다 :

not terrible, but wrong

답변

-1

무엇 당신의 CSS 모습입니까? 모든 div에 클래스를 추가하고 간단한 margin: 5px;을 적용하면 문제를 해결할 수 있습니다.

+0

감사합니다. 추가가없는 부트 스트랩입니다. 나는 특별한 종류의 col-md- *를 할 수 있다고 생각하지만, 부트 스트랩이 이것을 즉시 처리해야한다고 생각합니까? – someShmuck

+0

그 의견이 더 좋았을 수도 있습니다. 부트 스트랩은 민감한 프레임 워크이며 간격, 색상 및 모든 UI 구성 요소의 계층 구조를 가지고 있습니다. 5px로 바로 설정하는 것은 상황을 수정하는 나쁜 방법입니다. –

관련 문제