부트 스트랩 행에 빈 열을 채우십시오.

응답 가능한 표에 이미지 목록을 표시하려고합니다. 각도와 부트 스트랩을 사용 중이며 이미지는 flickr API를 통해 동적으로로드됩니다. 어쨌든 이것은 이미지를 표시하는 코드 스 니펫입니다.부트 스트랩 행에 빈 열을 채우십시오.

<div class="row row-content"> 
    <div class="col-xs-12 col-sm-6 col-lg-4" ng-repeat="photo in photos"> 
     <a href="" ng-click="openPhotoGallery(photo)"> 
      <img ng-style="{height: (photo.height_c > photo.width_c) ? '494px' : '237px'}" class="img-responsive thumbnail preview-photos" ng-src="https://farm{{photo.farm}}.staticflickr.com/{{photo.server}}/{{photo.id}}_{{photo.secret}}_z.jpg" alt="{{photo.title}}"> 
     </a> 
    </div> 
</div>

This is the result

이 비어 수직 이미지의 왼쪽에 거기에 aColumn됩니다 볼 수 있듯이. 이것이 부트 스트랩의 정상적인 동작이라고 생각하지만 부트 스트랩에 그 공간을 채울 수있는 방법이 있습니까?

당신이 이해할 수 있듯이, 나는 CSS 천재가 아니기 때문에 어떤 도움을 많이 주시면 감사하겠습니다.

당신은 벽돌 레이아웃을 원하는 것 소리 미리

출처

2016-07-22 Riccardo Trebbi

무엇으로 채우시겠습니까? 여기서 원하는 행동은 무엇입니까? – Toby

정확하게 이해했다면, 그 틈없이 이미지를 맞추려고합니다. 그렇다면이 블로그 게시물을 확인하십시오. https://css-tricks.com/seamless-responsive-photo-grid/ –

-1

에 감사드립니다. 나는 당신이 사용하고 각진 것을 제안한다.

Ther는 Google 밖에 있습니다 "각도 벽돌".

출처