如何在ASP.NET MVC中实现Gentelella Bootstrap Admin主题?

时间:2017-07-04 16:30:32

标签: asp.net-mvc twitter-bootstrap visual-studio twitter-bootstrap-3 bootstrap-4

我现在从Visual Studio中的Web开发开始。我已经理解了MVC,我对HTML有一些了解,我开始研究引导程序。 然后,我在网上发现了漂亮的模板 Free Bootstrap 3 Admin Template ,这里有一个在线示例:https://colorlib.com/polygon/gentelella/index.html

我下载了custom.csscustom.min.css等文件,如下图所示:

Image of downloaded files

但是现在我不知道如何把它放在我的项目中,所以我在Visual Studio Community 2015中创建了一个新的干净项目。我做了一些测试,并创建了一些控制器和视图。

如何将ASP.NET MVC项目附带的默认引导主题更改为下载的主题?

我想我应该替换共享文件夹中的_Layout。但是我还应该带些什么?

我不希望所有这些示例页面等等只是Bootstrap和基本布局来创建我的视图。

2 个答案:

答案 0 :(得分:2)

我找到了YouTube video所需的一切,名为 “Plantilla Bootstrap en Proyecto ASP.NET MVC” (显然是西班牙文)

有很多步骤:

  1. 将文件添加到项目
  2. 设置_Layout
  3. 设置脚本参考
  4. 最终,它奏效了。

答案 1 :(得分:0)

第一步 在visual studio中创建MVC项目默认模板 第二步 删除视图文件夹中的所有cshtml期望共享文件夹 你必须在你的布局的所有页面中重复使用你的页面的一部分,你可以在/views/shared/_layout.cshtml中添加标题菜单和页脚等html标签,并在布局的一部分中编写renderbody以查看默认登录主页或等等  finaly 所有css和java脚本文件夹粘贴在项目中,并在布局中将目标更改为可用的js和css资源

Learn about mvc Layout

Understand Css And JavaScript embed from bundle