2 개의 부트 스트랩 열에 밑줄로 된 데이터를 채우시겠습니까?

Question

내 HTML 및 밑줄 코드는 각 루프를 통해 실행되는 단일 개체 (이름, 전화, 위치 등)의 데이터를 포함하므로 데이터베이스의 모든 개체가 동일한 콘텐츠의 페이지에 인쇄됩니다. 나는이 객체를 부트 스트랩의 두 열 (col-xs-6과 col-xs-6)에 채워 넣기를 원합니다. 어떤 코드를 복제하지 않고 이것을 어떻게 할 수 있습니까?

는 HTML :

<% _.each(profile.team_members, function(t) { %> 
      <div class="row clearfix bio"> 
       <div class="col-xs-6"> 
        <div class="bio_content"> 
         <% if(t.first_name || t.last_name){ %> 
          <h3 itemprop="name"><%= t.first_name %> <%=t.last_name %></h3> 
         <% } %> 
         <% if(t.member_title){ %> 
          <div class="subtitle"><%= t.member_title %></div> 
         <% } %> 
         <dl class="info-list"> 
          <% if(t.team_member_licenses && t.team_member_licenses.length > 0) { %> 
           <dt>Licensed In:</dt> 
           <dd> 
            <% if(Array.isArray(t.team_member_licenses)) { %> 
             <%= t.team_member_licenses.join(", ") %> 
            <% } else { %> 
             <%= t.team_member_licenses %> 
            <% } %> 
           </dd> 
          <% } %> 
          <% if(t.team_member_location){ %> 
           <dt>Location:</dt> 
           <dd><%= t.team_member_location %></dd> 
          <% } %> 
          <% if(t.team_member_phone){ %> 
           <dt>Office:</dt> 
           <dd><a itemprop="telephone" class="contact-link color-accent" href="tel:<%=t.team_member_phone_link_formatted%>"><%=t.team_member_phone%></a></dd> 
          <% } %> 
          <% if(t.team_member_fax){ %> 
           <dt>Fax:</dt> 
           <dd><a class="contact-link color-accent" href="tel:<%=t.team_member_fax_link_formatted%>"><%=t.team_member_fax%></a></dd> 
          <% } %> 
          <% if(t.team_member_email){ %> 
           <dt>Email:</dt> 
           <dd><a class="contact-link color-accent" href="mailto:<%=t.team_member_email%>"><%=t.team_member_email%></a></dd> 
          <% } %> 
         </dl> 
        </div> <!--content --> 
       </div><!-- /col-lg-12 --> 
      </div><!-- /row --> 
     <% }); %> 

Answer 1

여기에 트릭은 모든 홀수 반복의 끝에서 모든에도 반복의 시작 및 인쇄 </div>에서 <div class="row clearfix bio">을 인쇄하는 것입니다.

<% _.each(profile.team_members, function(t,index) { %> 
    <% if(index % 2 == 0){ %> 
    <div class="row clearfix bio"> 
    <% } %> 
     //6 column div printed every iteration 
<% if(index % 2 == 1){ %> 
    </div><!-- /row --> 
<% } %> 

전체 코드 :

<% _.each(profile.team_members, function(t,index) { %> 
     <% if(index % 2 == 0){ %> 
      <div class="row clearfix bio"> 
     <% } %> 
      <div class="col-xs-6"> 
       <div class="bio_content"> 
        <% if(t.first_name || t.last_name){ %> 
         <h3 itemprop="name"><%= t.first_name %> <%=t.last_name %></h3> 
        <% } %> 
        <% if(t.member_title){ %> 
         <div class="subtitle"><%= t.member_title %></div> 
        <% } %> 
        <dl class="info-list"> 
         <% if(t.team_member_licenses && t.team_member_licenses.length > 0) { %> 
          <dt>Licensed In:</dt> 
          <dd> 
           <% if(Array.isArray(t.team_member_licenses)) { %> 
            <%= t.team_member_licenses.join(", ") %> 
           <% } else { %> 
            <%= t.team_member_licenses %> 
           <% } %> 
          </dd> 
         <% } %> 
         <% if(t.team_member_location){ %> 
          <dt>Location:</dt> 
          <dd><%= t.team_member_location %></dd> 
         <% } %> 
         <% if(t.team_member_phone){ %> 
          <dt>Office:</dt> 
          <dd><a itemprop="telephone" class="contact-link color-accent" href="tel:<%=t.team_member_phone_link_formatted%>"><%=t.team_member_phone%></a></dd> 
         <% } %> 
         <% if(t.team_member_fax){ %> 
          <dt>Fax:</dt> 
          <dd><a class="contact-link color-accent" href="tel:<%=t.team_member_fax_link_formatted%>"><%=t.team_member_fax%></a></dd> 
         <% } %> 
         <% if(t.team_member_email){ %> 
          <dt>Email:</dt> 
          <dd><a class="contact-link color-accent" href="mailto:<%=t.team_member_email%>"><%=t.team_member_email%></a></dd> 
         <% } %> 
        </dl> 
       </div> <!--content --> 
      </div><!-- /col-lg-12 --> 
     <% if(index % 2 == 1){ %> 
     </div><!-- /row --> 
     <% } %> 
    <% }); %>