每行三个表使用bootstrap网格

Question

我正在尝试在页面上每行打印3个表格，但我不确定如何使用引导网格布局来执行此操作。

这就是我所拥有的，但它会垂直打印所有表格

foreach($allmonths as $ind){
     echo "<table>";
     //echo "rest of table";
     echo "</table>";

  }

Answer 1

如果我理解正确，您只需使用默认的Bootstrap类，如https://getbootstrap.com/examples/grid/所示。

简单示例：（这是3列）

    //sometimes you need to refresh scope, use this to prevent conflict
    this.applyAsNeeded = function (scope) {
        if (!scope.$$phase) {
            scope.$apply();
        }
    };

}

确保将行放入适当的类（.row）。更多信息，http://getbootstrap.com/css/#grid