GEL Web Apps

This is the front-end HTML and CSS framework for all Web Applications designed and developed by BNSF Technology Services teams.

Descriptions and usage instructions accompany all of the elements and components, and will be updated on an as-needed basis.

Start with a Single Line

<link href="https://bnsfweb.bnsf.com/gel/releases/3.latest/css/gray-light-gel.min.css" rel="stylesheet">

Built on Bootstrap


Leverage existing familiarity with one of the best-known CSS frameworks in the industry.

Framework Agnostic


Additions to Bootstrap are largely CSS.

No JavaScript framework is required; use React, Angular, or Vanilla JS.

Themed


Light and dark themes are included to meet the preference and needs of your users.

Responsive


Because the GEL is built on Bootstrap, it is responsive out-of-the-box.

Submit Issues

Please submit any issues you find. It will help us deliver a better product for you to use.

Give Feedback

Please provide any feedback you may have. It will help us deliver a better product for you to use.

Discuss

We are using Microsoft Teams for discussion and interaction.


Release Versioning

Versioned releases are available for linking from the CDN.

Stable

The latest stable release of each MAJOR version should be targeted for production applications. It is available at /gel/releases/MAJOR.latest/*

Upgrading

New MAJOR releases will almost certainly include breaking changes. Adequate testing should be performed in a non-production environment before linking to a new MAJOR.

Development

The latest development release should be considered beta and targeted for new development and preemptive upgrade efforts. It is available at /gel/releases/MAJOR.beta/*