Во-первых, спасибо за вашу помощь и простите мои детские навыки Meteor и Bootstrap. У меня проблема, аналогичная поднятому вопросуВот это породило некоторые предложения, но не нашло решения. Я хочу заполнить сетку BootStrap, используя данные из MongoDB в шаблоне Meteor, используя #each. Поскольку сетка BootStrap имеет 12 столбцов, и я хочу отобразить 4 'клетки за ряд я считаю, что мне нужно -

Создать строку с помощью.Выведите четыре элемента данных внутри ... element ...Закрой 'row div ' с .Создайте следующую строку, используя ...Промойте и повторите с шага 2.

Шаг 2 выполняется с помощью блока {{#each ...}}, возвращающего данные из массива / коллекции.

Мой Метеоритный шаблон выглядит так (яЯ продолжаю пример из превосходногоОткрывая Метеор книга) -

 

   
      {{breakInit}}
      {{#each posts}}
         
           {{> postItem}}
         
         {{breakNow}}
      {{/each}}
   
 

JavaScript для помощников выглядит следующим образом -

Template.postsList.breakInit = function() {
Template.postsList.docCount = 0 ;
};

Template.postsList.breakNow = function() {
count=Template.postsList.docCount + 1 ;
result="";
if ( count == 4 ) {
    count = 0 ;
    Template.postsList.docCount = count ;
    result="" ;
};
Template.postsList.docCount = count ;
return new Handlebars.SafeString(result);
};

Все это работает, по крайней мере, с точки зрения подсчета элементов, выводимых #each, возвращая чтобы начать новую строку и сбросить счетчик ... Однако ... возвращаемый HTML, чтобы завершить текущую строку и начать следующую, кажется, не обрабатывается Bootstrap (или Meteor или моим браузером), как я ожидаю. Похоже, что был переупорядочен как, Посмотрите на этот скриншот из Inspector в FireFox (код выводит 6 элементов, 4 в первом ряду, 2 во втором) -

  
    
       … 
       … 
       … 
       … 
       …