Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/astares/seaside-bootstrap4

Bootstrap 4 wrapper for Seaside for Pharo
https://github.com/astares/seaside-bootstrap4

pharo seaside

Last synced: about 2 months ago
JSON representation

Bootstrap 4 wrapper for Seaside for Pharo

Awesome Lists containing this project

README

        

# Seaside-Bootstrap4

[![Build Status](https://travis-ci.org/astares/Seaside-Bootstrap4.svg?branch=master)](https://travis-ci.org/astares/Seaside-Bootstrap4) [![Coverage Status](https://coveralls.io/repos/github/astares/Seaside-Bootstrap4/badge.svg?branch=master)](https://coveralls.io/github/astares/Seaside-Bootstrap4?branch=master)

Bootstrap 4 wrapper for Seaside for Pharo 8
based on 4.0 from [http://bootstrap.rtlcss.com/](http://bootstrap.rtlcss.com/)

**IMPORTANT**: Note that there already is a newer repo: [https://github.com/astares/Seaside-Bootstrap5](https://github.com/astares/Seaside-Bootstrap5)

## Installation
First install [Pharo](http://www.pharo.org) on your machine. Pharo 8 onwards is recommended. Either using [PharoLauncher](https://github.com/pharo-project/pharo-launcher) or [Pharo ZeroConf](http://get.pharo.org/):

## Load Pharo using ZeroConf

```
wget -O- get.pharo.org/64/80+vm | bash
./pharo-ui Pharo.image
```

## Load all in one

```Smalltalk
Metacello new
baseline:'Bootstrap4';
repository: 'github://astares/Seaside-Bootstrap4:master/src';
load
```

## Load Seaside and then manually

```Smalltalk
Metacello new
baseline:'Seaside3';
repository: 'github://SeasideSt/Seaside:develop/repository';
load.
```

and then load the packages you need using Iceberg

## Run

Start the web server for [Seaside](http://www.seaside.st) - for instance with Zinc evaluate
```Smalltalk
ZnZincServerAdaptor startOn: 8080.
WebBrowser openOn: 'http://localhost:8080/bootstrap4/'
```

## Learn
- see [https://www.w3schools.com/bootstrap4/](https://www.w3schools.com/bootstrap4/)
- see [https://www.scaler.com/topics/css/bootstrap/](https://www.scaler.com/topics/css/bootstrap/)

## Migration from Bootstrap 3 to 4

- the prefix is gone, so use container instead of tbsContainer, etc.
- use formButton or outlineButton instead of tbsButton
- buttons do not have beExtraSmall and beExtraSmallIf: styles anymore
- breadcrumb section is now called breadcrumb item