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工作了很多…仍然感兴趣的是,如果需要多行,如何做到这一点。。。