Styling

How to make your templates look pretty

Bootstrap

Bootstrap makes modern css styling available in templates.

Example: Formatting a table

  <table class="table">

Example: Formatting a small table

  <table class="table table-sm">

See documentation for other examples

Octicons

Octicons make icons available in templates. These are the same icons that Github uses.

Example: Making an archive icon

  <%= octicon("archive") %>  

Example: Making a larger icon

  <%= octicon("archive", height:30) %>  

Example: Make the icon gray

  <%= octicon("archive", fill:"gray") %>  

Note Bootstrap can also show icons, but so far we like the simplicity of Octicons.