ASP .Net MVC Web应用程序集成引导程序模板 [英] ASP .Net MVC Web Application integrating bootstrap templates
问题描述
我知道我可能会为这个问题得到太多的赞成票,但我无法找到一个教程来解决我的问题。
我创建了一个ASP。 NET MVC项目在Visual Studio 2013(新项目 - > ASP.NET Web应用程序 - > MVC),我想改变这个项目的默认引导,我已经从不同的网站下载引导模板,但我不能使用它们在我的项目。我跟着几个关于SO和一些教程的问题,但我只能改变一些样式,并不完全使用我想使用的模板。
教程我阅读:
将您的 Index.cshtml
代码替换为下面的代码:
这就是我解决问题的方法。
I know I will probably get too many down votes for this question, but I just could not find a tutorial to my problem.
I have created a ASP .Net MVC project in Visual Studio 2013 (New Project -> ASP.NET Web Application -> MVC) and I am trying to change the default bootstrap for this project, I have downloaded bootstrap templates from different websites but I just can not use them in my project. I have followed a few questions on SO and some tutorials but all I could was change some styling, not entirely use the template I want to use.
Tutorial that I read:
http://www.mytecbits.com/microsoft/dot-net/bootstrap-with-asp-net-mvc-4-step-by-step
http://www.mytecbits.com/microsoft/dot-net/bootstrap-3-with-asp-net-mvc-5
SO Questions:
bootstrap 3 template change mvc5
Bootstrap Jumbotron not becoming full width of Body
After reading above questions and a few more tutorials here and there, I was able to change the theme but not the template, I want to use a parallax theme like this one
I copied the css into bootstrap.css
, javascript into bootstrap.js
and HTML into my page Home page but then _Layout.cshtml
is messing up the display...
My Questions:
1.) Am I doing this the wrong way?
2.) What changes should I make to the _Layout.cshtml
file to display the template properly?
3.) I read that there are different versions of bootstraps, the default version that is used in the project when I created it is V3.0.0 and some templates that I downloaded are V3.1.1, Will they be compatible? I followed this to upgrade the bootstrap version of my project to V3.1.1 after that some more .js and .css files were added to my project and things got more complicated.
4.) What will be the _Layout.cshtml
file if I use bootstrap V3.0.2 ?
Any help will be appreciated...
EDIT:
I am trying to use this template:
Integrating Bootstrap Template into ASP .Net MVC 5:
First of all create a new Project:
Web Application -> MVC
Run your Project by pressing
F5
, it will look like:Now check that your downloaded Bootstrap Template Folder contains following:
css (Folder):
bootstrap.css
bootstrap.min.css
js (Folder):
bootstrap.js
bootstrap.min.js
Note: Sometime
bootstrap.css
may be named asstyle.css
andbootstrap.js
may be named asstyle.js
You will be making changes to following files in ASP .Net MVC Project:
bootstrap.css
boostrap.min.css
bootstrap.js
bootstrap.min.js
Open your all the files mentioned above in code editor:
Now do the following:
- Copy all of the code from
bootstrap.css
(Templatecss
Folder) tobootstrap.css
(Content Folder) - Copy all of the code from
bootstrap.min.css
(Templatecss
Folder) tobootstrap.min.css
(Content Folder) - Copy all of the code from
bootstrap.js
(Templatejs
Folder) tobootstrap.js
(Scripts Folder) - Copy all of the code from
bootstrap.min.js
(Templatejs
Folder) tobootstrap.min.js
(Scripts Folder)
- Copy all of the code from
Now its time to adjust your
_Layout.cshtml
according to the Theme. We will be splitting theindex.html
file from the Theme folder into two parts, one part will go into_Layout.cshtml
and one part will go into 'Index.cshtml`:Replace your
_Layout.cshtml
code with the code below:Replace your
Index.cshtml
code with the code below:Now run your Project it will be like:
This is how I solved my problem.
这篇关于ASP .Net MVC Web应用程序集成引导程序模板的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!