Skip to main content

bootstrap css integration

Project description

Introduction

plonetheme.bootstrap integrates Twitter Bootstrap CSS/JS framework into Plone. You can checkout the framework at http://twitter.github.com/bootstrap

It overrides some templates and uses javascript to transform some markup in order for it to work correctly.

It’s not perfect, but it’s close.

Dependencies

Latest Twitter Bootstrap requires jQuery 1.7.x, you can install it in Plone pinning plone.app.jquery in your buildout to version 1.7.1.1. You will also need to pin plone.app.jquerytools to version 1.5.1 to guarantee jQuery 1.7.x compatibility:

[versions]
...
plone.app.jquery = 1.7.1.1
plone.app.jquerytools = 1.5.1
...

Documentation

This product is based in Twitter Bootstrap version 2.2.2 and it redistributes it according to its License terms.

This product adds both the basic CSS file and also the Responsive one to have a mobile-enabled site from the start.

The generated markup is based on ‘fluid CSS’ and it contains a 12 column grid.

The basic HTML markup is a mix of plonetheme.sunburst and Twitter Bootstrap and it uses the same approach of constructing the columns as Sunburst Theme: a simple view that returns the classes needed to have the correct column widths.

If you want to change those widths, just override the view following the common Plone overriding patterns.

This product is intended to be used in two scenarios:

  • As a theme from Plone

  • As a base theme to build Plone themes for your site following ‘old practices’

Some designers prefer to work following the old best-practices instead of using the Diazo-way-of-theming, this product is for them. You can create a theme package (check templer skeleton generator), and base your them on this one.

If you have any problem using this product or find any bug, please report it using the GitHub issue tracker.

Upgrade

To upgrade from version 1.0a1, just go to the add-on controlpanel and click on upgrade. Old skin paths and javascripts will be disabled and new ones imported

Authors

  • Nathan van Gheem, initial author

  • Mikel Larreategi, update to Twitter Bootstrap 2.2.1, current mantainer

Changelog

1.0b2 (2012-12-11)

  • Fix bootstrap integration JS to avoid jQuery errors and make collection criteria configuration work [erral]

  • Add uninstall support [erral]

  • Add Plone 4.1.x profile [erral]

  • Enable livesearch [erral]

  • Upgrade to Twitter Bootstrap 2.2.2 [erral]

  • Added missing properties for TinyMCE css in base_properties.props [petschki]

  • Fixed folder_contents checkbox inputs.

  • Added i18n:translate in plone.app.layout.viewlet.sections.pt, plone.app.layout.viewlet.search_box.pt and plone.app.layout.viewlets.path_bar.pt

  • Added more missing properties [regebro]

1.0b1 (2012-11-14)

  • Added upgradestep from version 1.0a1

  • Reimplementation based on Twitter Bootstrap 2.2.1 and plonetheme.sunburst [erral]

1.0a1dev (2011-10-16)

  • Initial release

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

plonetheme.bootstrap-1.0b2.zip (155.1 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page