How to use, install, free template for Bootstrap 3

Asked

Viewed 1,598 times

0

I have a tremendous doubt about this type of Theme, I’m starting to mecher with ASP.NET MVC, so I came across this Bootstrap, so I started researching about free themes and we have several options available.

One of the sites I found was: Bootswatch

Where you simply upload the Bootstrap.Cs and Bootstrap.min.Cs files, Thema is automatically changed.

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

Here comes my doubt, how can I use this project?

When reading the README of the project:

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

But how do I use it? Someone works with something similar?

Project files Gentelella how to use them?

inserir a descrição da imagem aqui

asp.net-mvc-5 bootstrap-3

  • Bootstrap is a framework to let your website responsive, which adapts to tablets and smatphones. To use it you need to have the mentioned files: Bootstrap.Cs and Bootstrap.min.Cs and within each HTML tag use the class you prefer. More information

  • @I’m sorry, I don’t think you understand the question. When you create an Asp.Net MVC 5 project, bootstrap is standard, but on the internet we find templates ready for you to modify, but it is not simple to exchange the bootstrap.Cs and bootstrap.min.Cs files I would like to know the procedure to use these other templates

  • Okay, I think I get it now. I imagine you’ve downloaded some tamplate free. Comes a folder with all necessary files, HTML file, image folder, js, css and others. Simply instantiate these files into your project in VS and change the HTML file.

  • @Emanuelf made a review on the question, where do I find the html files?

  • Free Tampletes This site has several tamplates free, need to create an account to do the dowloads. Once you download you will find the files I told you about.

  • Thomas, you managed to resolve this issue?

Show 1 more comment

1 answer

1

The question isn’t really related to github, because your doubt is on how to implement the theme that was downloaded from there, and not on how to use the gihub effectively.

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

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

First, I created a alias in the 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 see the documentation; Use http://localhost/gentelella/production to see working.

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

If you repair the files inside /node_modules/gentelella/production (see index.html) 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 to your webserver access to these libraries and use logic to make it work with your project/framework.

Browser other questions tagged asp.net-mvc-5 bootstrap-3

You are not signed in. Login or sign up in order to post.