Skip to main content

bootstrap css integration

Project description


plonetheme.bootstrap integrates Twitter Bootstrap CSS/JS framework into Plone. You can checkout the framework at

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.


Latest Twitter Bootstrap requires jQuery 1.11, you can install it in Plone pinning in your buildout to version 1.11.2. You will also need to pin to version 1.7.0 to guarantee compatibility. Twitter Boostrap itself is provided as browser resources by the addon collective.js.bootstrap so you need to pin it aswell.:

... = 1.11.2 = 1.7.0
collective.js.bootstrap = 3.3.5


This product is based in Twitter Bootstrap version 3. The product will reuse collective.js.bootstrap to get those CSS and JS files.

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 theme on this one.

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


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


  • Nathan van Gheem, initial author
  • Mikel Larreategi, update to Twitter Bootstrap 2.3.x, current mantainer


2.0.1 (2020-01-23)

  • Do not try to be too smart with internal links [ionlizarazu]
  • Update to latest Products.TinyMCE. [erral]

2.0 (2015-12-10)

  • Document the use of latest Bootstrap version and latest jquery [erral]
  • Add browserlayer on uninstall profile [bsuttor]
  • Drop Twitter Bootstrap 2.3.x support, now version 3.0 is required [erral]

1.0 (2014-01-24)

  • Fix TinyMCE plugin templates [erral]
  • Remove kss spinner from main_template [erral]
  • Control panel alerts are bootstrap alerts [rpatterson]

1.0rc1 (2013-04-26)

  • Travis-CI support [silviot]
  • Remove CSS that conflicts with Bootstrap dividers [rpatterson]
  • Fix alignment of login/user actions menu [silviot]
  • Fix profile for Plone < 4.2 [silviot]

1.0b4 (2013-03-18)

  • Remove label class from ArchetypesSelectionWidget class tag [libargutxi]
  • Prepend ArchetypesSelectionWidget radio input into label [libargutxi]
  • Changed the main menu creation view using the plone standard method [libargutxi]
  • Fix personal_bar template, it was broken if you just had 1 action. [erral]
  • Upgrade to Twitter Bootstrap 2.3.0 [erral]
  • Move glipycons image into a directory called ‘img’, it’s a requirement of the bootstrap css file [erral]
  • Fix selected class in view [erral]
  • Remove useless skin directory. skin directory should only be used to customize already existing resource. Use browser:resource instead [toutpt]
  • Add dependencies over collective.js.bootstrap. More easy to manage upgrade [toutpt]

1.0b3 (2012-12-11)

  • Brown bag release. I had my git environment messed-up [erral]

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, and
  • 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.

Files for plonetheme.bootstrap, version 2.0.1
Filename, size File type Python version Upload date Hashes
Filename, size plonetheme.bootstrap-2.0.1.tar.gz (56.5 kB) File type Source Python version None Upload date Hashes View

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring DigiCert DigiCert EV certificate Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page