时间戳

首页 > 解决方案 > 当我在 ASP.NET CORE Razor 中添加时，我在 ASP.NET 之外创建的 Html 和 Css 不适合

c# - 当我在 ASP.NET CORE Razor 中添加时，我在 ASP.NET 之外创建的 Html 和 Css 不适合

问题描述

我为“我的个人资料”页面创建了 html 和 css，当我在 ASP.NET CORE 中添加该 html 和 css 时，它看起来有所不同。

这是我从 index.html 打开它时的样子

在此处输入图像描述

当我将它与styles.css 一起添加到ASP cshtml 中时

在此处输入图像描述

cshtml的一些区别：

  1. “保存更改”按钮不完全是它应该在的位置
  2. 仪表板标题居中对齐
  3. 仪表板框位于不同的位置和不同的宽度（我使用引导行和列来适应它们）
  4. 登录详细信息、仪表板和预订之间没有空格

这可能是什么原因？

标签： c#htmlcssasp.net-mvcasp.net-core

解决方案

问题是我在布局文件中引用了不同的引导版本库。

这个：<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous" />

我用于 html 的 bootstrap 版本是 5.0.0，所以我只是删除了布局中对 bootstrap 的引用，并添加了新的： <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

它现在正在工作。

推荐阅读