Because we mostly don't need to have up to 12 columns
CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples
scripts
styles
.DS_Store
.gitattributes
.gitignore
.htaccess
404.html
README.md
favicon.png
index.html
robots.txt
trinity-1.1.css.zip

README.md

Trinity-grid

License MIT Version 1.1

Because we mostly doesn't need to have up to 12 columns

Usage

1 Download

Regular

First of all, grab the latest version of trinity.css

Using bower

If you prefer to use Bower, you just have to open your command line tool, and type :

  $ bower install trinity-grid

2 Load

Now, load the style right before your </head> closing tag:

<html>
  <head>
    <title>My awesome website</title>
    <link rel="stylesheet" type="text/css" href="trinity.css" />
</html>

3 prepare the frame

In order to create a Trinity grid, you have to define the trinity frame. The best way is to use the body tag, and give it a trinity class :

<body class="trinity">...</body>

4 Use the grid

Then you can use the grid :

<div class="t-1"></div>

<div class="t-2"></div>
<div class="t-2"></div>

<div class="t-3"></div>
<div class="t-3"></div>
<div class="t-3"></div>