2012-05-24 1 views
3

고유해야합니다. p어떻게 부트 스트랩 스타일의 녹아웃으로 나뭇 가지의 데이터를 반복합니까?

symfony2에서 나뭇 가지를 사용하고 있습니다. 부트 스트랩 유체 레이아웃으로 스타일을 지정합니다. 보라, 나는 녹아웃으로 데이터를 반복하고있다. 4 회 (span3) 연속 (매 5 회마다 랩)이다. 그러나 매 4 번째 반복을 식별하는 방법을 모르겠습니다.

<div class="row-fluid"> 
    <div class="structureWhite clearfix" data-bind="foreach: stores"> 
     <div class="span3"> 
      <h5 data-bind="text: name"></h5> 
      <p data-bind="text: address"></p> 
      <p data-bind="text: contact"></p> 
     </div> 
    </div> 
</div> 

은 그래서 하나마다 4 회 반복 후 <div class="row-fluid"></div>을 넣어 또는 모든 5 마진을 제거해야합니다. 문제는 부트 스트랩이 첫 번째 span3 마진을주지는 않지만 나머지는 2.12766 % 남았습니다. 즉, 5 번째 스팬 3 (두 번째 행의 첫 번째 행)이 라인을 벗어 났음을 의미합니다.

유체 - 행으로 나눠야하거나 5 번째 요소 (또는 4 번째마다)에서 패딩을 제거하거나 (너무 가변적 일 수는 있지만) 첫 번째 요소에 여백을 추가해야합니다. 어떤 조언도 감사합니다.

답변

3

KO 2.1에 현재 foreach에서 액세스 할 수있는 컨텍스트 변수 $index이 포함되어 현재 항목의 색인을 가져옵니다.

당신은 당신이 좋아하는 그것을 사용할 필요가 표현식에서 그것을 사용하는 경우, 그래서 그것은 관측 :

<!-- ko if: $index() % 4 === 3 --> 
<div>some element</div> 
<! /ko --> 
+0

아니, 내가 일치하도록 주석 태그를 닫는 찾을 _Cannot 얻을 : 코 if_ - 귀하의 예제가 작동하지만, 첫 번째 행을 닫고 두 번째 행을 열어야한다는 것을 기억하십시오. 따라서 내 html은 '

'입니다. 이제 뭐? 이상하게도 코는 닫히지 않은 태그와 함께 작동하지 않습니다. ( – Tjorriemorrie

+0

그게 올바른 바이올린인가요? –

+0

그래, 미안, 여전히 jsfiddle 배우기 : http://jsfiddle.net/Tjorriemorrie/82SQb/1/ – Tjorriemorrie