2017 © Pedro Peláez
 

silverstripe-theme bootstrap

Boilerplate theme, using bootstrap

image

burnbright/bootstrap

Boilerplate theme, using bootstrap

  • Wednesday, August 2, 2017
  • by jedateach
  • Repository
  • 3 Watchers
  • 11 Stars
  • 118 Installations
  • Scheme
  • 0 Dependents
  • 0 Suggesters
  • 7 Forks
  • 3 Open issues
  • 3 Versions
  • 0 % Grown

The README.md

Beautiful BurnBright Bootstrap Boilerplate

Join the chat at https://gitter.im/burnbright/silverstripe-bootstrap, (*1)

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., (*2)

Requirements

Setup

Install via composer:, (*3)

composer require burnbright/silverstripe-bootstrap

From within the theme directory, in terminal:, (*4)

  • 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., (*5)

Usage

From within the theme directory, in terminal:, (*6)

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

Customising this theme

There are a few approaches you could take to customising this theme:, (*7)

  • 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.
    • Make sure you update your js/css requirements in your own templates/Page.ss to reference the mysite module.

Supporting IE8

Bootstrap 3 somewhat supports IE8 out of the box., (*8)

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., (*9)

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, (*10)

This theme draws some inspiration from DNA's FrontEnd Boilerplate, (*11)

The Versions

02/08 2017

dev-master

9999999-dev

Boilerplate theme, using bootstrap

  Sources   Download

MIT

The Requires

 

02/08 2017

1.1.0

1.1.0.0

Boilerplate theme, using bootstrap

  Sources   Download

MIT

The Requires

 

03/03 2015

1.0.0

1.0.0.0

Boilerplate theme, using bootstrap

  Sources   Download

MIT

The Requires