قالبی که انتخاب کردید css هاش با jQuery کار میکنند و اگر چیزی رو کم یا زیاد کنید کل قالب دچار مشکل میشه و شما نمی تونید تغییرش بدید. framework بوت استرپ و framwork ای که برای قالب آماده نوشته شده با هم دیگر دچار مشکل میشوند، نمی شه تغییرش داد .

سلام

من فک میکنم اینو باید سمت سرور کنترل کنی!!!

مثلا سمت سرور اون سه تایی که میخایو از دیتابیس بگیری و نمایش بدی!!!!

یه مثال میزنم:

   public ActionResult TopNews()
        {
           
            return PartialView(db.News.ToList().OrderBy(x => x.NewsDateTime).Skip(1).Take(3));
        }

کد های بالا سه تا خبر آخر رو به ترتیب تاریخ نشون میده

اینم بخش طراحیش: ( پارشیال ویو )

@model IEnumerable<SayehFestival.Models.News>

<link href="~/Slider/ViewImageEffect/Top3News.css" rel="stylesheet" />
<div id="bodymodal1" class="bodymodal">
    @foreach (var item in Model)
    {
        <div class="grid1" style="margin:auto;display:block;">
            <figuretop3 class="effect-julia" >
                <img alt="فاقد تصویر" src="~/img/News/@Html.DisplayFor(modelItem => item.NewsImage)" data-holder-rendered="true">
                
                <figcaption>
                    <h2 style="text-align:right">@Html.DisplayFor(modelItem => item.NewsTitle)</h2>
                    <p>@Html.DisplayFor(modelItem => item.NewsDescription)</p>
                </figcaption>
            </figuretop3>
        </div>
    }
</div>
<br />