ich folgende Razor-Code haben:Code basiert Repeater in Razor C#
@foreach (var row in Model)
{
<div><img src="~/Content/images/flickabase/@row.FlickaMasterImage" alt="@row.FlickaMasterImageCaption" class="img-thumbnail" width="100" heigh="100"/>
<a href="/flickas/flickaid/@row.Id/flickaname/@row.FlickaName.Trim()">@row.FlickaName</a> </div>
}
Dieser druckt eine Reihe von Thumbnails und Bootsnamen aus. So was.
Das Problem ist, dass ich vier Spalten mit den Daten zu schreiben, will oben nach unten laufen, links nach rechts. Früher war das einfach mit .neet Repeater Control, aber ich kann nicht sehen, wie ich das mit Razor leicht machen kann. Gibt es einen einfachen Weg, dies zu tun? Die beste Idee, die ich mir ausgedacht habe, ist, die Zeilen zu zählen. Teile durch vier und erzeuge dann (seit ich Bootstrap benutze) eine Rasterspalte für jeden Stapel.
Norb.
versuchen es mit CSS sonst einige ungeschickte Logik zu behandeln – stylishCoder
schreiben Sie können den Trick mit CSS tun, bootsrap und Import zu Ihrer Lösung und sehen dies als eine Führung bekommen; http://getbootstrap.com/components/#thumbnailse. Auch das; (Es gibt Jsfiddle Demo und Quellcode) http://stackoverflow.com/questions/26694998/trying-to-place-multiple-bootstrap-thumbnails-side-by-side – Berkay