#Jar Responsive Grid

Responsive grid snippet.

#Jar Quick-Start

To make use of the rows and grid you just have to add the class .*row* to a container (either *article* or *div* for better results) and then nest your columns using the size you'd like it to be.

````Html

You'll get a container 6 cols wide based on a 12 cols grid.

You'll get a container 6 cols wide based on a 12 cols grid.

````

What Jar includes out of the box

1.Offset columns : You can offset columns adding the prefix .offset-Number of columns.

    <article class="row">
      <div class="offset-six">
        Will offset the width equivalent to six
      </div>
    </article>

2. Choose left or right position for your element, you can either push things to right or left using .lefty or .righty classes.

  <article class="row">
    <nav>
    <span class="lefty">
      Brand(on the left side of nav)
    </span>
      <div class="container>
        nav. links
      </div>
    </nav>
  </article>

3.Wrap your content on a full with container or a centralize padded container using _.container-full_ and .container_ classes respectively.
````Html
<div class="container">
  <article class="row">
    <div class="six">
      content
    </div>
    <div class="six">
      more content
    </div>
  </article>
</div>
````
````Html
  <div class="container-full">
  <article class="row">
    <div class="six">
      content
    </div>
    <div class="six">
      more content
    </div>
  </article>
</div>
````

">http://kaprilam.github.io/jar//)-->