Giter Site home page Giter Site logo

silbinarywolf / silverstripe-bootstrap Goto Github PK

View Code? Open in Web Editor NEW

This project forked from burnbright/silverstripe-bootstrap

0.0 1.0 0.0 3.61 MB

A SilverStripe boilerplate theme, running on Bootstrap. Uses less as the css preprocessor via grunt.

JavaScript 93.32% CSS 2.84% Scheme 3.84%

silverstripe-bootstrap's Introduction

Beautiful BurnBright Bootstrap Boilerplate

Join the chat at https://gitter.im/burnbright/silverstripe-bootstrap

A basic SilverStripe bolilerplate theme, running on Bootstrap. Uses less as the css preprocessor. Uses bower to bring in external libraries, and also contains a collection of internal libraries (see less/lib folder). Pick and choose what you want on a per-project basis.

Requirements

Setup

Install via composer:

composer require burnbright/silverstripe-bootstrap

From within the theme directory, in terminal:

  • Run npm install to install grunt and associated requirements.
  • Run bower install to get all bower packages.

Source maps can be used, as can chrome workspaces.

Usage

From within the theme directory, in terminal:

  • Run grunt to start the default watch task.
  • grunt copy will copy fonts to the right directories.

Customising this theme

There are a few approaches you could take to customising this theme:

  • Fork the repo, and make changes. Update composer to point to your fork, or include as a submodule. This keeps the theme code
  • Drop the theme .git folder, and commit the entire theme to your project.
  • Implement changes inside a bootstrap_mysite theme. This approach allows you to later on update the base bootstrap theme seperately. This "subtheme" folder will be fairly light weight, and can be committed to the site repo.

Supporting IE8

Bootstrap 3 somewhat supports IE8 out of the box.

If you are using jQuery, make sure your bower is setup to use jQuery a version < 2. You can either include Respond.js to polyfill media query breakpoints, or you can extract the css of a specific breakpoint and include it using IE conditional tags.

Useful to know

http://css2less.cc/ is useful for quickly converting CSS to less. You can also install it as a command-line tool: https://github.com/thomaspierson/libcss2less

This theme draws some inspiration from DNA's FrontEnd Boilerplate

silverstripe-bootstrap's People

Contributors

jedateach avatar anselmdk avatar gitter-badger avatar

Watchers

James Cloos avatar

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.