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

Question

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

Milan Prajapati · Answer

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.

Delpin Susai Raj · Answer

http://www.codeproject.com/Tips/825517/ASP-NET-MVC-Bootstrap-in-Steps

Madhanmohan Devarajan · Answer

Hi Prabha, 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. 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 ( "~/Content/bootstrap.css" , "~/Content/site.css" )); 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" ) Try running your project now. You should see your newly created application now using your theme.

Manas Mohapatra · Answer

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

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

Answers (4)