Hallo Leute,
meine Intention ist es, mittels Bootstrapanweisungen immer genau vier Elemente nebeneinander zu plazieren. Das Array enthält entweder 4,8,12 etc.. Elemente.Leider klappt die Aufteilung nicht(s. Aufteilung_Bootstrap.jpg)
Das Bild(also das fünfte Element) wird nicht unterhalb des ersten Bildes platziert. Die Aufteilung klappt nur dann (s. Aufteilung_Bootstrap_klein.jpg), wenn ich die Bilder ganz klein einfügen lasse oder 7 <br>-Tags hinter der Wohnfläche einfüge. Wie codiere ich richtig, bzw. wie ersetze ich die <br>-Tags?
meine Intention ist es, mittels Bootstrapanweisungen immer genau vier Elemente nebeneinander zu plazieren. Das Array enthält entweder 4,8,12 etc.. Elemente.Leider klappt die Aufteilung nicht(s. Aufteilung_Bootstrap.jpg)
Das Bild(also das fünfte Element) wird nicht unterhalb des ersten Bildes platziert. Die Aufteilung klappt nur dann (s. Aufteilung_Bootstrap_klein.jpg), wenn ich die Bilder ganz klein einfügen lasse oder 7 <br>-Tags hinter der Wohnfläche einfüge. Wie codiere ich richtig, bzw. wie ersetze ich die <br>-Tags?
CSS:
<div class=""jumbotron>
<div class="container-fluid">
<div class="col-md-12">
<div class="page-header">
<h3>Immobilienofferten <small><?= $count ?> Angebote gefunden</small></h3>
</div>
<?php
for ($i = 0; $i < count($ArrayOfFilename); $i++) {
?>
<div class="col-md-3">
<?=
Html::a(
Html::img(
"@web/img/$ArrayOfFilename[$i]", ['alt' => 'PicNotFound', 'class' => 'img-circle', 'style' => 'width:125px;height:125px']
), ['/immobilien/index', 'id' => $ArrayOfImmo[$i]], ['title' => 'Anlagen anzeigen', 'data' => ['pjax' => '0']]
)
?>
</div>
<div class="col-md-3">
<?= "<label>Ort</label>" ?>
</div>
<div class="col-md-3">
<?= "<label>Kaufpreis</label>" ?>
</div>
<div class="col-md-3">
<?= "<label>Wohnfläche</label>" ?>
</div>
<?php } ?>
</div>
</div>
</div>