New Components for Seaside Bootstrap

Torsten Bergmann announced two weeks ago two new components for Seaside Bootstrap

In case you missed it: Bootstrap for Seaside has two new components:

For the full demo visit:
Here is the old announce of the system made by Torsten


there are various frameworks out there helping you to ease common tasks in web development.
One of them is Bootstrap ( that is used more and more to easily style
web sites and web applications.

We had wrappers for Bootstrap supporting Seaside in the past already:
– the TwitterBootstrap project on SS3 from the Seaside team
– the TBootstrap project from Gaston Dall Oglio

Unfortunately these projects are not up to date with the latest Bootstrap version,
not covered by tests, had no docu or examples, no CI, …

To provide better support for Bootstrap and Seaside3 development I created a fresh project
called “Bootstrap for Seaside” (or “Bootstrap” for short).

This new project is
– nearly feature complete regarding components (Nav, Navbar, Jumbotron, Buttons, Alarms, Layouts, …)
– uses the latest Bootstrap libraries (
– covered by more than 160 tests
– completed with an example browser that shows Bootstrap components and according Smalltalk code
– available at STHub (!/~TorstenBergmann/Bootstrap)
– documented (see mentioned project website on STHub) with docu support for PharoOnlineHelp and catalog
– controlled by CI (
– easily loadable using config browser in Pharo 2.0

Attached are some screenshots from the project itself.

More details can be found in the more docu at the project site on SmalltalkHub. Just scroll down at the
info page provided there.

You can easily load it in a fresh Pharo 2.0 as “Bootstrap” from the config browser. It loads Seaside3
as a dependency. After loading evaluate

ZnZincServerAdaptor startOn: 8080

to start the webserver and go to http://localhost:8080/bootstrap to browse the samples.

Feel free to use it for your next Pharo/Seaside/Bootstrap based web project and thanks in advance
for any contribution you may give to the project in the future.



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: