1.0.0 • Published 6 years ago
legtech-template v1.0.0
LEG-TECH Themes
This is a simple LEG-TECH project to get a theme going for Bootstrap 4.
There is a full tutorial avaiable at hackerthemes.com: How to build your own Bootstrap themes.
This readme is the short version of that.
What this project does
This repository includes a project structure with a build script that builds a custom CSS version of Bootstrap 4, using Gulp. You can clone this repository, run the Gulp task and go right into modifying variables and adding styles. There's also an HTML file that contains a neatly organized collection of Bootstrap components that fit a 1920x1080 display, so you can instantly see the outcome.
Links to Internal and Extermal Github Pages
- Internal template: https://kevinewig.github.io/internal
- External template: https://kevinewig.github.io/external
Prerequisites
- This works on Windows, macOS and Linux.
- Node Package Manager and Gulp are required. Make sure you can run
gulp -v
andnpm -v
. - You can get Node at nodejs.org, then install gulp using
npm install gulp-cli -g
Getting started
- Clone this repo
- Run
npm install
- Run
gulp watch
- Look at
index.html
(ideally with a local development webserver) - Add any Bootstrap Sass variables into
scss/_custom-variables.scss
- Add any custom styles into
scss/_custom-styles.scss
. You can use Bootstrap's mixins here. - Repeat steps 4 to 6 until you like what you see :-)
Bootstrap
Copyright and license
Code released under the MIT License.
1.0.0
6 years ago