Ich verwende AngularJS und ich möchte von Seite 2 Bilder Seite anzuzeigen, und dann auf der nächsten 2 Bilder in der nächsten Zeile und so .....Wie 2 Bilder nebeneinander angezeigt werden mit col?
Img1 Img2
Img3 Img4
Mein Code,
<section id="content">
<div class="content-wrap">
<div class="container clearfix ">
<div id="posts" class="small-thumbs topmargin-sm">
<div data-ng-repeat="partner in adminPartnersList">
<span class="col-sm-6 col-md-6" data-ng-if='percent($index) == 0'>
<img img-cache class="image_fade mgnbtm" data-ng-src="uploads/{{partner.image}}" onError="this.src='images/noimage.png';" alt="">
<ul class="entry-meta clearfix">
<li><a ui-sref="edit-partners({'partnerId':partner.partner_id})"><i class="edit-faq-icon icon-edit"></i></a></li>
<li><a href="#" data-ng-click="deletePartner(partner._id, $index)"><i class="delete-faq-icon icon-trash2"></i></a></li>
</ul>
</span>
<span class="col-sm-6 col-md-6" data-ng-if='percent($index) == 1'>
<img img-cache class="image_fade mgnbtm" ng-src="uploads/{{partner.image}}" onError="this.src='images/noimage.png';" alt=" ">
<ul class="entry-meta clearfix">
<li><a ui-sref="edit-partners({'partnerId':partner.partner_id})"><i class="edit-faq-icon icon-edit"></i></a></li>
<li><a href="#" data-ng-click="deletePartner(partner._id, $index)"><i class="delete-faq-icon icon-trash2"></i></a></li>
</ul>
</span>
</div>
</div>
</div>
<span class="col-xs-12 text-center text-danger" data-ng-show="isShowNoPartnersMsg">
No partners were found.
</span>
<span ng-show="!isShowNoPartnersMsg" class="col-xs-12 text-center">
<pagination total-items="totalItems" data-ng-model="currentPage" max-size="maxSize" items-per-page="itemsPerPage" class="pagination-sm" boundary-links="true" data-ng-change="onAdminPartnerPageChanged()"></pagination>
</span>
</div>
Ich zeige Daten dynamisch an, kann irgendjemand bitte mir helfen danke.
Entwickeln Sie dies für einen kleinen Bildschirm? 'col-sm-' funktioniert für kleine Bildschirme wie Tablets. Wenn Sie möchten, dass dies für Desktops funktioniert, verwenden Sie "col-md-6" –
I nedd für beide in einer Vorlage. – Daniel
okay dann benutze beide (Leerzeichen getrennt) –