<p>A container is a fixed width element that wraps your site's content. It remains a constant size and uses <b>margin</b> to center. Containers are the simplest way to center page content inside a grid.</code>
@ -48,32 +48,6 @@
</div>
</div>
<divclass="ui text container">
<h3>Page Grid</h3>
<p>A <code>page grid</code> uses <code>padding</code> to create fluid page gutters. Each columns width will continuously adjust as your browser width changes to maintain the same percentage of overall browser width.</p>
<p>A page grid adjusts its gutters as a percentage of total page width for each device. This causes it to snap to a new width on each breakpoint.</p>
</div>
<divclass="ui page grid">
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
<divclass="column"></div>
</div>
<divclass="ui text container">
<h3class="first">Text Container</h3>
<p>Sometimes you just need to put a single column of centered text on a page. A <code>text container</code> is a special type of container optimized for a single flowing column of text, like this instructions on this page.
<p>A grid does not necessarily need to specify rows. If you include <code>columns</code> as direct child of <code>ui grid</code> content will automatically flow to the next row when all the grid columns are taken in the current row</b>.</p>
jlukic
10 years ago