在 ng-repeat 期间添加引导行 [英] add bootstrap rows during ng-repeat
问题描述
我有一个数据列表要显示在各个面板中的情况,使用 Bootstrap 的网格系统,我想利用宽屏幕并水平显示多个面板,但在窄屏幕上将它们堆叠.我目前正在使用这样的 ejs 在服务器端进行布局,列作为查询参数传入,通常设置为 2 或 3,因此每个 colClass 是 col-sm-6 或 col-sm-4.
<% var colWidth = 12/columns;var colClass = "col-sm-" + colWidth;%><% for(var i=0; i<contestData.classData.length; i++) {%><% if ((classCount % columns) == 0) { %><div class="row"><%}%><div class="<%= colClass %>"><div class="panel panel-primary"><div class="panel-heading"><h3 class="panel-title"><%=竞赛数据.classData[i].name%>
<div>...</div>
<% classCount++ %><% if ((classCount % columns) == 0) { %>