I have different author record in the table Author. I want to show the author details in a bootstrap card to arrange horizontally to show more than one author in a single row . But when I am trying to show it , one author being showed in a row. I am
trying to list multiple record in a row using card. my code given below. pleas help
public class Author
{
public int Id { get; set; }
public string Title { get; set; }
public string Author{ get; set; }
public string Comments { get; set; }
}
Member
414 Points
1339 Posts
horizontally arrange the card using for each loop
Jul 13, 2020 12:12 PM|polachan|LINK
I have different author record in the table Author. I want to show the author details in a bootstrap card to arrange horizontally to show more than one author in a single row . But when I am trying to show it , one author being showed in a row. I am trying to list multiple record in a row using card. my code given below. pleas help
public class Author { public int Id { get; set; } public string Title { get; set; } public string Author{ get; set; } public string Comments { get; set; } }<div class="row"> @foreach (var author in Model) { <section id="blog" class="py-3"> <div class="container"> <div class="col-lg-3 col-md-6"> <div class="card"> <img src="~/images/blog/blog1.jpeg" class="img-fluid card-img-top" /> <div class="card-body"> <h4 class="card-title">@author.Title</h4> <small class="text-muted">Written by @author.Author</small> <hr> <p class="card-text"> @Comments </p> </div> </div> </div> </div> </section> } </div>Member
414 Points
1339 Posts
Re: horizontally arrange the card using for each loop
Jul 13, 2020 01:44 PM|polachan|LINK
Sorry I forgot to take out the container class from the loop into outside