How to Integrate Bootstrap with Web Experience Factory for an Exceptional UI Experience
This is a short blog that describes a project I created on Github that contains a WEF Theme showing how to integrate WEF with Bootstrap. This includes the theme file, data definition, html template, DSUI base pages, and a sample model. The theme gives you basic DSUI functionality for list, details, and edits pages. Currently the Bootstrap css and jQuery are pulled in from a CDN.
This is just the initial version, and there is plenty of work to be done such as adding Bootstrap specific builders to fully leverage its features.
Download the attached wef_bootstrap.zip or fork the project and build it from source. To build from source you will need to run 'ant' from the project folder.
Once you have the wef_bootstrap.zip file use the Import > Web Experience Factory Archive to add to an existing project. Then run the provided sample DSUI consumer model (models/bootstrap/OrdersBootstrapSample.model)
If you would like to contribute you can clone this repo, and then submit a pull request for bug fixes or features.
Orders Sample Pages
This follow are the list,details, and edit page from the provided sample.