How to use, install, free template for BootStrap 3

0

I have a tremendous doubt about this type of theme, I'm starting to work with ASP.NET MVC, so I came across BootStrap, so I started searching for free themes and we have several options available.

One of the sites I found was: BootsWatch

Where you just need to replace the Bootstrap.cs and Bootstrap.min.cs files, the thema automatically changes.

I also found site like: peckyboy , where we found the theme: Gentelella Bootstrap Admin Template , which directs us to the GitHub of the project.

So what is my question, how can I use this project?

When reading the project README:

Installation via Package Manger

Our goal is to make it installable on different Package Manager! Do you want to use it on your favorite Package Manager and you know how? Pull request all the way!

As of now, this is some installation available:

Bower

bower install gentelella --save

or
npm

npm install gentelella --save

However, how do I use it? Does anyone work with something similar?

Project files Gentelella how do you use them?

    
asked by anonymous 24.10.2016 / 17:43

1 answer

1

The question is not very related to github , because your question is about implementing the theme that was downloaded from there, and not about how to use gihub effectively.

gentelella has no secret: it's just a responsive CSS theme for control panels. After downloading, all documents for use are within /node_modules/gentelella/production .

I've used npm install gentelella --save within /usr/share/css . after installing you can make your adaptations linking everything here.

First, I created a alias in Apache to see the documentation:

    Alias /gentelella "/usr/share/css/node_modules/gentelella"
    <Directory "/usr/share/css/node_modules/gentelella">
            Options FollowSymlinks
            AllowOverride None
            Require all granted
    </Directory>

Use http://localhost/gentelella/documentation to view the documentation; Use http://localhost/gentelella/production to see it working.

Alternatively : Save the files directly to the root of the web server.

If you repair the files within /node_modules/gentelella/production (see index.html ) you will see that they are linked to the local libraries:

<!-- Bootstrap -->
<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">
<!-- 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">
<!-- jVectorMap -->
<link href="css/maps/jquery-jvectormap-2.0.3.css" rel="stylesheet"/>
<!-- Custom Theme Style -->
<link href="../build/css/custom.min.css" rel="stylesheet">

Give your webserver access to these libraries and use logic to work with your project / framework.

    
02.12.2016 / 13:51