ASP.NET MVC Bootstrap

17 Mar 2025 | 阅读 2 分钟

Bootstrap是一个流行的Web框架,用于创建响应式Web应用程序,该程序甚至可以在移动设备上运行。 它提供HTML,CSS和JavaScript库来构建应用程序。

默认情况下,ASP.NET MVC支持Bootstrap并使用其库来创建应用程序的前端。 让我们创建一个MVC项目并检查其库。

首先,从文件菜单中选择创建一个项目。

ASP Bootstrap 1

选择Web项目的类型。

ASP Bootstrap 2

选择Web应用程序的模板。 我们选择MVC。

ASP Bootstrap 3

单击“确定”后,它将创建一个具有以下结构的项目。

ASP Bootstrap 4

该项目的Script文件夹包含Bootstrap JavaScript库。 我们的项目包含以下JavaScript文件。

ASP Bootstrap 5

Content文件夹包含Bootstrap CSS文件。 我们的项目包含以下文件。

ASP Bootstrap 6

要查看这些CSS类的用途,请单击网页右上角的登录链接。 这将重定向到登录页面,该页面具有要填写的表单。 该表单包含HTML组件,这些组件借助CSS类以布局形式组织。

仔细查看Login.cshtml文件的源代码。 该文件使用诸如row, col-md-8等CSS类。

// Login.cshtml

如果我们查看Login.cshtml页面的视图源代码,它显示Bootstrap库已链接到该网页。 以下两个屏幕截图显示了这一点。

ASP Bootstrap 7
ASP Bootstrap 8
下一个主题ASP.NET MVC路由