PHP引导结束不同网格大小的行

PHP引导结束不同网格大小的行,php,html,css,twitter-bootstrap,twitter-bootstrap-3,Php,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,我有以下用户列表的网格布局: col-xs-4 col-sm-4 col-md-3 col-lg-2 在此之前,我只使用了col-md-2和$计数器来确定何时需要开始新行以及何时结束现有行: while ($row = $business_query->fetch_assoc()){ if ($counter % USERS_PER_ROW == 0){ $business_div .= "<div class=\"row\">

我有以下用户列表的网格布局:

col-xs-4 col-sm-4 col-md-3 col-lg-2
在此之前,我只使用了
col-md-2
$计数器
来确定何时需要开始新行以及何时结束现有行:

    while ($row = $business_query->fetch_assoc()){
        if ($counter % USERS_PER_ROW == 0){
            $business_div .= "<div class=\"row\">";    
        }

        $business_div .= "<div class=\"col-xs-4 col-sm-4 col-md-3 col-lg-2 user-container vertical-align\">
            <a href=\"#\">
                <div class=\"user-content\">
                    <div class=\"user-img\">
                    </div>
                    <div class=\"user-text v-h-align\">"
                    .$row["username"].
                    "</div>
                </div>
            </a>
        </div>";

    if ($counter % USERS_PER_ROW == USERS_PER_ROW - 1 || $counter == $num_business - 1){
        $business_div .= "</div>";
    }
    $counter++;
while($row=$business\u query->fetch\u assoc()){
if($counter%USERS\u/行==0){
$business_div.=”;
}
$business_div.=”
";
如果($counter%USERS\u PER_ROW==USERS\u PER_ROW-1 | |$counter==$num\u business-1){
$business_div.=”;
}
$counter++;

我只需要设置
USERS\u PER_ROW=6;
,一切都会很好。但是当我有4种不同的布局时,我该如何动态地进行设置呢?

将其设置为一行,bootsrtap将动态地包装列。好吧,这不可能仅在PHP中实现,因为您想要的是通过boottrap在客户端完成的,PHP不知道呃它是xs或者sm或者lg

我有时会做的是,如果我希望每行有一定数量的列,对于特定的大小,我会对索引执行模运算,并为该视图大小插入br,如:

<br class="clearfix visible-xs-block">


这将生成一个剪切,或者您可以将其设置为div,而不是br,一个仅在特定屏幕大小上可见的分隔符。

将其设置为单行,bootsrtap将动态包装列。好吧,仅在PHP中不可能这样做,因为您想要的是通过boottrap在客户端完成的,PHP不知道它是xs还是sm或lg

我有时会做的是,如果我希望每行有一定数量的列,对于特定的大小,我会对索引执行模运算,并为该视图大小插入br,如:

<br class="clearfix visible-xs-block">


这将生成一个剪切,或者您可以将其生成一个div,而不是br,一个仅在特定屏幕大小上可见的分隔符。

为什么不只生成一行?引导内容将自动包装。是的,这对tnx非常有效…仍然感兴趣如果需要多行,您将如何操作…为什么不生成一行?引导内容将自动包装。是的,tnx工作了很多…仍然感兴趣的是,如果需要多行,如何做到这一点。。。