2017-11-27 23 views
0

Bootstrap CSS가있는 양식이 있습니다.CSS 부트 스트랩 요소가 수평으로 잘 정렬되지 않습니다.

CSS는 left-to-right이지만 양식 필드는 right-to-left이어야합니다. 그래서 각각의 폼에 float: right을 포함하는 클래스를 추가했습니다.

모든 필드가 서로 옆에 떠있는 것으로 가정되지만 아래 이미지에서 볼 수 있듯이 가운데 일부가 끊기는 것이 문제입니다.

나는 무엇을 찾았으며 끊어지는 줄을 발견하지 못했습니다.

답변

2

"row" 한 행에 넣으려는 input 요소 세트.

+0

결국 모든 thogh 부트 스트랩 sopouse에 대해'row'를 내가 사용했던 방식대로 작동 시키도록 추가했습니다. 어쨌든 당신의 대답은 저에게 영감을주었습니다. – DavSev

0

클래스를 "col-md-4"로 설정하면 선의 너비가 33 % 인 3 개의 요소로 구분됩니다. 만약 당신이 줄에 4 원소를 원한다면 "col-md-3"을 설정해야하고, 그러면 12/3 = 4, 25 % 너비의 4 원소를 가질 것입니다.

+0

답장을 보내 주셔서 감사합니다.하지만 모든 div의 항목은 같은 'col-md-4' 클래스를 사용합니다. 내 페이지에는'col-md-3' 클래스가있는 div가 없습니다. – DavSev

+0

알겠습니다. 이 코드에서 이봐, 부트 스트랩은 =이 행 유사하게 동작 12 COL-MD- 12/이 = 당신이 요소의 숫자는 당신이 그래서 u는 행의 4 개 요소 col- 설정하려면 행에 설정할 수 있습니다 얻을 수있다 md-3 –