how to add a bootstrap template to my mvc code first project

prabha haran

10y1.1k.NET

hi,

i downloaded a bootstrab template and i have to use it in my mvc 5 code first project

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Milan Prajapati9y ago
Hi Prabha,

try this steps to implement boostrep template in your project.
Make Directory inside Content folder in my case mytemplate.
Copy all your template content inside mytemplate folder.
Add new Layout page in View>Shared Folder in my case _mytemplate.cshtml.
open your template Index.html file inside any editor(i.e: Dreamviewer,Notepad etc).
Copy all header stuff from your html file to inside of Header in _mytemplate.cshtml file.
Copy all body stuff Inside of your Index.cshtml to Layout page.
Save your Project by Cntrl+S and Run it in browser. Thats it.
OR
Move your css and images into ~/Contents folder.
Move your js files into ~/Scripts folder
Copy and paste your html snippets to cshtml files
On 3rd step you need to port the layout portion of your template to ~/Veiws/Shared/_Layout.cshtml. Here you need to point references to your css and js correctly.
And also you need to be aware that _Layout.cshtml should contain @RenderBody(). That's where all child views will be inserted.
0
Delpin Susai Raj10y ago
http://www.codeproject.com/Tips/825517/ASP-NET-MVC-Bootstrap-in-Steps
+1
Madhanmohan Devarajan10y ago
Hi Prabha,
1. Include the downloaded bootstrap.css and bootstrap.min.css in the "Content" folder (be sure to Include in Project as well) and also include the bootstrap.js files to "Scripts" folder of the Project.
2. Open App_Start/BundleConfig.cs and change the following:
  bundles.Add(new StyleBundle("~/Content/css").Include(
  to include your new theme:
  bundles.Add(new StyleBundle("~/Content/css").Include(
3. "~/Content/bootstrap.css", "~/Content/site.css"));
4. If you're using the default _Layout.cshtml included in the MVC 5 template, you can skip to step 4. If not, as a bare minimum, include these two line in your layout along with your template
  In your :
  @Styles.Render("~/Content/css")
  Last line before closing :
  @Scripts.Render("~/bundles/bootstrap")
5. Try running your project now. You should see your newly created application now using your theme.
0
Manas Mohapatra10y ago
Please follow below links that may help you:

http://www.dotnetcurry.com/aspnet-mvc/1124/aspnet-mvc-bootstrap

http://www.mytecbits.com/microsoft/dot-net/bootstrap-3-with-asp-net-mvc-5

https://code.msdn.microsoft.com/ASPNET-MVC-5-Bootstrap-30-622be454
0