How to implement the Gentelella Bootstrap Admin theme? [closed]

0

I'm starting now with web development in Visual Studio. I have already understood the MVC, I have some knowledge of HTML and I started to study the bootstrap. I discovered this beautiful template Free Bootstrap 3 Admin Template Who has an example online here: link

I downloaded the files and tals as they are in this image ...

But I have no idea how to put it in my project. So I've already created a new clean MVC Dot.Net project in Visual Studio Community 2015. I did some tests ... I created some controllers and tals ... Now how do I change the default bootstrap that came in the project for this one I downloaded?

    
asked by anonymous 04.07.2017 / 15:42

2 answers

0

So ... I found everything I needed here:

Youtube video titled "Template Bootstrap en Proyecto ASP.NET MVC" (obviously in Spanish)

There are many steps: Adding the files to the project, setting the _Layout, references, bundles, etc. And in the end it worked out.

    
05.07.2017 / 16:08
1
So, remembering your HTML knowledge: you remember that inside the <head> element you refer to the CSS files that you will use on your site to change the appearance of html elements, right? It is the element <link rel="stylesheet" href="/css/estilos.css" /> or something that is worth it.

Hence, you need to load the styles of this theme there after loading the bootstrap styles. If you look at the demo code for the site, there is the loading order for the style sheets:

<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- NProgress -->
<link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
<!-- iCheck -->
<link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">

<!-- bootstrap-progressbar -->
<link href="../vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
<!-- JQVMap -->
<link href="../vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet">
<!-- bootstrap-daterangepicker -->
<link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">

<!-- Custom Theme Style -->
<link href="../build/css/custom.min.css" rel="stylesheet">

That is: it brings the bootstrap in the first line of this section, then brings the other things it uses (Awesome Font, NProgress and such) and in the end it brings the custom style of the theme. This is because the CSS loaded last always overwrites the loader previously, so they are "Cascading Style Sheets."

Study well HTML, the worst thing you have is a web developer who does not pull HTML and HTTP.

Anyway, good study for you.

    
04.07.2017 / 15:54