Browse Source

text on grid

pull/13/head
Jack Lukic 11 years ago
parent
commit
5078ff7ffe
3 changed files with 6 additions and 5 deletions
  1. 2
      build/packaged/semantic.min.css
  2. 2
      build/packaged/semantic.min.js
  3. 7
      node/src/documents/collections/grid.html

2
build/packaged/semantic.min.css
File diff suppressed because it is too large
View File

2
build/packaged/semantic.min.js
File diff suppressed because it is too large
View File

7
node/src/documents/collections/grid.html

@ -252,7 +252,6 @@ type : 'UI Collection'
<div class="highlighted example">
<h4 class="ui header">Columns</h4>
<p>Columns each contain gutters giving them equal vertical spacing from other columns. Columns by default do not take up their entire row height.</p>
<p>A grid will automatically center any columns that do not match a full row width.</p>
<div class="ui three column grid">
<div class="column">
<div class="ui segment">
@ -286,8 +285,7 @@ type : 'UI Collection'
<p>A grid can be responsive to a browsers width. This means the gutters to left and right of grid columns will alter in size as a browser's resolution increases.</p>
<div class="ui text message info ignore">
<p>
<i class="icon heart"></i> Semantic UI's responsive grid by default will change the page gutters to increase at 250pixel intervals.
<i class="icon heart"></i> Semantic UI's responsive grid by default will change the page gutters to increase at 250pixel intervals.
</div>
<div class="ui two column responsive grid">
@ -393,6 +391,9 @@ type : 'UI Collection'
<div class="example">
<h4 class="ui header">Stackable Grid</h4>
<p>A grid can have its columns take a full column width when below a threshold to allow for content to display properly at small sizes</p>
<div class="ui text message info ignore">
<i class="icon heart"></i> To see a grid stack, try resizing your browser to a small width
</div>
<div class="two column stackable ui grid">
<div class="column">
<div class="ui segment">

Loading…
Cancel
Save