2016-09-25 2 views
0

어떻게 이미지를 인라인 할 수 있습니까? 나는 부트 스트랩 행을 사용하고 있고, 이미지마다 "col-md-3"의 클래스가있다. 당신이 볼 수있는부트 스트랩 "행"과 "col-md-3"을 사용하는 인라인 이미지

enter image description here

문제가 5 이미지가 오른쪽으로 간다,이다, 그것은 IMPOSSIBRU 이미지 아래, 왼쪽에 있어야합니다.

감사합니다.

답변

0

이미지 높이가 다르기 때문에 이런 현상이 발생한다고 생각합니다. 높이를 특정 'px'로 제한 할 수 있으면 문제를 해결하는 데 도움이 될 수 있습니다.

cols를 사용하여 여러 가지를 그룹으로 묶을 때 이런 종류의 문제가 발생하지 않도록 레이아웃 + 크기를 동일하게 유지하는 것이 좋습니다.

+0

감사합니다. 하지만 다음 이미지를 왼쪽으로 넣을 수있는 다른 방법이 있습니까? 서로 다른 크기라면 상관 없어. – John

+0

예,하지만 새 행에 있어야합니다. 따라서 처음 4 열 뒤에 div 행을 닫고 5 열, 6 열 등을 추가하기 위해 새 div 행을 시작할 수 있습니다. 이렇게하면 왼쪽에서부터 시작해야합니다. 그러나 이렇게하면 더 이상 부트 스트랩이 스크린 샷에서 수행 한 '적절한'동작을 얻지 못합니다. 이 벽돌 형 레이아웃은 열이 하나의 포함 된 div에있는 경우 자동 부트 스트랩에 의해 제공됩니다. – zubhav