Welcome to Bootstrap4XPages !

Bootstrap is the world's most popular design framework at the moment. This site contains all the information you'll need to start using Bootstrap with XPages. I'll show you demos, give you code snippets, show you how to use plugins, theming and more.

This site was built using XPages and the Bootstrap4XPages plugin (March 17 release) that you can download for free from OpenNTF. The plugin is my recommended way to build XPage applications with Bootstrap as the UI framework.

View the source code for this site at GitHub or download the full databases here. If you miss anything or want to help making this site better: drop me a note.

Bootstrap4XPages webinar (June 17th, 2014) by Mark Leusink

Articles

Getting started: adding Bootstrap to a database/ application Mark Leusink
Using Bootstrap with (JS/ CSS) resource aggregation Mark Leusink
XPages: A Bootstrap Skin for CKEditor Sven Hasselbach
Bootstrap Growl Notifications Kathy Brown
NotesIn9 136: Using XPages with Bootstrap 3 and FontAwesome Tim Tripcony
Optimizing Dojo Loading for Bootstrap Widgets Richard Moy
Resizing a Bootstrap 3 Modal Brad Balassaitis
Custom Select: Excellent Bootstrap select plugin with great support Karl-Henry Martinsson
Making XPages partialRefresh work in a Bootstrap 3 dialog box Mark Roden
Making your Bootstrap site responsive Keith Strickland
Bootstrap for XPages as an Extension Library OpenNTF
Creating Tooltips in Bootstrap - Two Different Styles Steve Zavocki
Bootstrap Error Styling Kathy Brown
Issue with Referencing an Xpages generated #Id using Bootstrap Steve Zavocki
XPages meets Twitter Bootstrap with Downloadable Template Slobodan Lohja
OpenNTF Project: Bootstrap UI template kit Oliver Busse
Navbar with dropdown menu from Notes view in Bootstrap Patrick Kwinten
Breadcrumbs from Notes view in Twitter Bootstrap Patrick Kwinten
Striped Tables in XPages - Two Methods Kathy Brown
Bootstrap Modal Dialog Custom Control Steve Zavocki
Creating Twitter Bootstrap Widgets Richard Moy
XPages, Bootstrap and links pretending to be buttons Sasa Brkic
XPages, Twitter Bootstrap and button decorations Sasa Brkic
Typeahead & tooltips with Bootstrap and XPages Kathy Brown
Getting Started With Twitter Bootstrap - Part 1 Kathy Brown
Getting Started With Twitter Bootstrap - Part 2 Kathy Brown
Create a responsive layout with Twitter Bootstrap Henning Schmidt


All contents on this site (Bootstrap4XPages), as well as the design of this site, is licensed under a WTFPL license. That basically allows you to do whatever you want with it, without any requirements at all. Some of the plugins used in the samples might have a separate license: read them before you use them!

This site is created and maintained byMark Leusink(contact | blog | twitter).