Php 使用引导网格的位置不正确
接下来我需要一些帮助: 这些将是:Php 使用引导网格的位置不正确,php,html,css,twitter-bootstrap,Php,Html,Css,Twitter Bootstrap,接下来我需要一些帮助: 这些将是: <div class="row"><div class="col-md-4"> <a class="individ" href="index.php?p=x" style="margin:5px 5px;">User Simple1<br></a> </div><div class="c
<div class="row"><div class="col-md-4">
<a class="individ" href="index.php?p=x" style="margin:5px 5px;">User Simple1<br></a>
</div><div class="col-md-4">
<a class="individ" href="index.php?p=x" style="margin:5px 5px;">User Advanced2<br>Title</a>
</div><div class="col-md-4">
<a class="individ" href="index.php?p=x" style="margin:5px 5px;">User Simple3<br></a>
</div><div class="col-md-4">
<a class="individ" href="index.php?p=x" style="margin:5px 5px;">User Advanced4<br>Title 4</a>
</div><div class="col-md-4">
<a class="individ" href="index.php?p=x" style="margin:5px 5px;">User Advanced5<br>Title 5</a>
</div></div>
}
编辑:感谢flex的想法
为每3个div使用类行的问题如下:
我有这样的想法:
print '<div class="row">';
for($i=0;$i<count($lines);$i++)
{
print '<div class="col-md-4">
<a class="individ" href="index.php?p=xx" style="margin:5px 5px;">$query[$i] <br>".($query2[$i])."</a>
</div>";
}
print '</div>';
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
打印“”;
对于($i=0;$i您没有正确使用“.row”类。您想要的是这样的:
print '<div class="row">';
for($i=0;$i<count($lines);$i++)
{
print '<div class="col-md-4">
<a class="individ" href="index.php?p=xx" style="margin:5px 5px;">$query[$i] <br>".($query2[$i])."</a>
</div>";
}
print '</div>';
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
动态添加行:
$lines = ['', '', '', '', '', '', '', '', '', '', '', '', '', '',];
print '<div class="row">'; // let's start by printing the first one
for($i=0;$i<count($lines);$i++) {
// at every loop we check whether it's a multiple of three and end the current row and start another one.
// we also need to check and avoid doing that if we're at the first or last element, to avoid empty divs
// and similar situations.
if (
$i !== 0
&& $i%3 === 0
&& $i !== count($lines)-1
) {
print '</div><div class="row">';
}
print '
<div class="col-md-4">
<a class="individ" href="index.php?p=xx" style="margin:5px 5px;">Line number' . $i . '</a>
</div>
';
}
print '</div>'; // closing the last one
$lines=['','','','','','','','','','','','','','';
打印“”;//让我们先打印第一个
对于($i=0;$i我找到了解决方案。问题出现了,因为一些div不能自然浮动。如果您可以清除每三个元素,错误就会消失
.col-md-4:nth-child(3n + 1) {
clear: both;
}谢谢!请阅读我编辑的评论,如果您有任何想法,请在每3个结果中插入一个div行,并留下答复。