Asp.net mvc MVC如何在视图中创建平铺（？）

很抱歉，我认为这是个糟糕的问题。有没有人能举个例子来说明如何在MVC中创建类似于图片上的东西，比如某种瓷砖？这曾经在上可用，但现在不再可用，我需要知道如何创建类似的东西，但一直无法找到它

---

任何帮助都将不胜感激，即使它只是上面的正确名称

您不需要使用MVC来创建平铺。您可以使用CSS或Javascript。有许多JS/CSS库允许您平铺HTML

---

我会在这里发布一些，但老实说，你应该用谷歌找到一些js/css互动程序布局库，这样你就可以找到一个最适合你需要的。

如果是在ASP、Java Spring或普通的旧HTML中，这真的不太重要，它更多地与css和引导程序相关，而不是ASP.NET MVC

这就是我要做的

打开您的

Views\Home\index.html

，您可以删除所有内容并粘贴以下内容（这是一个很好的起始模板）-从中抓取

@{
ViewBag.Title=“主页”；
}

您将获得缩略图样式的网格，然后需要对其进行优化（使用CSS），以使其具有您想要的外观和感觉（使您易于阅读）

---

您可能想查看以下答案：

@{
    ViewBag.Title = "Home Page";
}
<div class="container">
    <div class="row">
        <div class="col-xs-4">
            <a href="#" class="thumbnail">
            <img src="http://placehold.it/400x200" alt="..." />
            </a>
        </div>
        <div class="col-xs-4">
            <a href="#" class="thumbnail">
            <img src="http://placehold.it/400x200" alt="..." />
            </a>
        </div>
        <div class="col-xs-4">
            <a href="#" class="thumbnail">
            <img src="http://placehold.it/400x200" alt="..." />
            </a>
        </div>
        <div class="col-xs-3">
             <a href="#" class="thumbnail">
            <img src="http://placehold.it/300x150" alt="..." />
            </a>
        </div>
          <div class="col-xs-3">
             <a href="#" class="thumbnail">
            <img src="http://placehold.it/300x150" alt="..." />
            </a>
        </div>
         <div class="col-xs-3">
             <a href="#" class="thumbnail">
            <img src="http://placehold.it/300x150" alt="..." />
            </a>
        </div>
         <div class="col-xs-3">
             <a href="#" class="thumbnail">
            <img src="http://placehold.it/300x150" alt="..." />
            </a>
        </div>
    </div>
</div>