내 사이트의 소셜 미디어 아이콘 그리드를 만들고 싶습니다. 제대로 스타일을 고민하고 있습니다. 이 내가 현재 가지고있는 것입니다 : HTML은 : CSS <div class="masonry-grid-item social-grid">
<div class="masonry-grid-item w33">
<i class="icon-faceboo
이미지 대신 비디오 용으로 각도 석조 격자 스타일을 사용해야하며 대부분의 각도 석조 문서를 참조해야하며 이미지 용으로 사용할 수있는 모든 것이 좋습니다. img 태그를 대체했습니다. 비디오 태그를 사용했지만 여전히 작동하지 않는 것 같습니다. 누구든지 비디오를 포함시키는 방법을 알려줄 수 있습니까?
"destaque"클래스가있는 div 만 표시하여 동위 원소를 시작해야합니다. <li data-filter=".destaque" class="active">Todos</li>
그것은 내가 원하는 항목을 표시합니다 순간 ,로드 내 스크립트는, 내가 필터 버튼을 클릭 그러나 경우, CMS의 모든로드 된 항목을 표시합니다. - 어떻게 바로이 클래스 사업부와
현재 이상한 버그가 있습니다. Internet Explorer 및 Microsoft Edge에서만 발생합니다. 첫 페이지로드시 레이아웃이 좋을 것처럼 보입니다. 일단 당신이 다른 페이지로 가서, 벽돌이있는 이전 페이지로 돌아 가기로 결정한 후에, 레이아웃은 겹쳐져 부서집니다. 데모/Codepen : 여기 codepen.io/baidoc/pen/JbMBvX
올바른 높이, 하지만 검출되지 unfortantly 당신은 페이지를 입력하고 페이지는 페이지가 필요한 정확한 높이를 caculate되지는로드 할 때 새로 고침 할 필요가있다. 내가 그것을 어떻게 해결할 수 있습니까? http://halomli.co.il/index.php?page=gallery&galleryId=3
의 격차를 기입하지 않습니다. 내 CSS에 문제가 있다고 생각합니다. 아마 뭔가 '내가 여기 http://codepen.io/desandro/pen/myBxD 을 보았다 예를 다음 .grid-items {
background: black;
margin-left: 0;
}
/* items are not quite 1/3 wide */
클릭시 필터링되는 벽돌 레이아웃을 만들었습니다. 몇 가지 이유로 버튼 중 일부를 선택하면 벽돌 레이아웃이 왼쪽으로 떠서 컨테이너를 채우지 않고 모든 항목을 서로 위에 쌓습니다. $grid.isotope({ layoutMode: 'masonry' })
벽돌이 layoutMode가 내장되어하지 않는 것 나는이 프로젝트에 동위 원소를 사용할 수 없습니다 :
나는 아름답게 작동하는 벽돌 그리드가 있습니다. 그것은 완벽하게로드되고 재조정됩니다. 하지만 결과를 필터링하는 플러그인 (Search & Wordpress 용 필터 플러그인)을 사용하고 있으며 AJAX를 사용하여 플러그인을 사용하고 있습니다. 그러나 AJAX 호출 후, 내 벽돌 그리드는 더 이상 작동하지 않습니다. 나는 그것이 AJAX 호출 이후에 벽돌을
아래 이미지에 내가하려는 일이 설명되어 있다고 생각합니다. 기본적으로 행 2와 행 3의 왼쪽 열은 빈 공간을 차지하지만 행 1의 높이는 동적입니다. colB가 두 번로드하고 싶지 않은 이미지를 포함하고 있기 때문에 차라리 hide/visible을 사용하지 않을 것입니다. 제가 알지 못하는 부트 스트랩 기본 메소드가 있습니까? 내가 지금 생각할 수있는 유일한
너는 250px 너비 부모에 맞을 수있는 100px 너비의 div 개의 100 개가 있습니다. 높이와 관계없이 그림에 표시된대로 div을 행으로 표시해야합니다. 나는이 문제를 CSS로 해결하려고 노력했지만, 슬프게도 나는 현실을 이해했다. 는 내가 사용할 수있다 플러그인 어떤 AngularJS와 있습니까? 나는 jquery masonry에 대해 들었습니다.