引导宽度在 .NET Core 6 上不起作用

Question

我尝试了一切，从文档到最后 10 个堆栈溢出答案，但没有任何帮助。我试过了：

<meta name="viewport" content="width=device-width, initial-scale=1">

我尝试了@@meedia 的风格，我尝试了卡体上的 w-100，一切都没有帮助。我需要像这样的整个应用程序具有正常宽度，所以请帮忙。我有带有 .NET 6 的 VS 2022。

当我启动一个应用程序（在桌面上）并继续 F12 时，我无法制作移动设备。卡体真的很长，我想将卡体的宽度设置为手机屏幕尺寸。我不知道问题出在哪里...

代码是这样的：

<div class="row">
<div class="col-sm-12">
    <div class="card bg-light w-100 p-0">
        <div class="card-body">
            <a class="nav-link text-dark" asp-area="" asp-controller="Oglas" asp-action="ProdajaKuce">Prodaja kuća</a>
        </div>
    </div>
</div>
<div class="col-sm-12">
    <div class="card bg-light w-100 p-0">
        <div class="card-body">
            <a class="nav-link text-dark" asp-area="" asp-controller="Oglas" asp-action="ProdajaStanova">Prodaja stanova</a>
        </div>
    </div>
</div>
<div class="col-sm-12">
    <div class="card bg-light w-100 p-0">
        <div class="card-body">
            <a class="nav-link text-dark" asp-area="" asp-controller="Oglas" asp-action="ProdajaNekretninaZaOdmor">Prodaja nekretnina za odmor</a>
        </div>
    </div>
</div>

最后的结果还是一样。是的。

Answer 1

两件事，第一件事，你需要在<div class="row m-0">中添加m-0。 第二个，您忘记了源代码末尾的</div>，此处用于关闭div 的row。

编辑：

一般来说，对于调试 CSS 问题，你最好的朋友是网络浏览器的检查员。 有了这个，你可以：

• 右键单击页面元素，然后单击“检查”。
• 在左下角，您可以看到 HTML 代码和选定的元素。
• 在底部中间，您可以看到所选 HTML 元素的所有 CSS。
• 在右下方，您可以看到带有边距、内边距和大小的盒子模型。

这是一个非常有用的调试 HTML/CSS 的工具。