GithubHelp home page GithubHelp logo

aquinault / bootstrap-boilerplate Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jide/bootstrap-boilerplate

0.0 2.0 0.0 5.32 MB

Bootstrap boilerplate ready for customization.

CSS 99.24% JavaScript 0.76%

bootstrap-boilerplate's Introduction

git pull && git submodule init && git submodule update && git submodule status

git submodule init git submodule update

cd bootstrap git checkout master

Bootstrap boilerplate

Bootstrap boilerplate ready for customization. Override variables, mixins, classes and add your own style while keeping original Bootstrap files intact.

First launch

The first time you launch a grunt task, if you did not modify the variables.less file, it will be copied from bootstrap folder to the less folder, with the font path changed to be relative to the bootstrap folder. From then, you can modify variables.less to suit your needs, it won't be overriden. If you don't use Grunt, just modify the variables.less file and compile style.less manually.

Overrides

You can override individual components using the grunt override:[component name] task. The component less file will be copied to the overrides folder. Replace [component name] with les name of the less file without the extension.

HTML Files

  • index.html, a very basic HTML start page.
  • components.html, which lists all Bootstrap components in a single page, to quickly have an overview of what your theme looks like. (This file was copied from bootswatch)

Usage

$ git clone https://github.com/jide/bootstrap-boilerplate.git myproject
$ cd myproject
$ npm install

Override a component

$ grunt override:panels

Development

$ grunt watch

Production

$ grunt

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.