Skip to content
gh-pages
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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>

About

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

Resources

Releases

No releases published
You can’t perform that action at this time.