aboutsummaryrefslogtreecommitdiff
path: root/css.html
diff options
context:
space:
mode:
authorJacob Thornton <[email protected]>2013-07-28 22:23:56 -0700
committerJacob Thornton <[email protected]>2013-07-28 22:23:56 -0700
commit8eb42d9b205a8bdb8f75054256acd82af4379310 (patch)
tree29bf67fab5aa2c0e8fce138521fdb329db7f2362 /css.html
parentedaeb338168e99548e94e59d2d8ed43b95144d7d (diff)
parenteb56f7e4f4b91d6c1c85d3fbb98ad691a41676e1 (diff)
downloadbootstrap-8eb42d9b205a8bdb8f75054256acd82af4379310.tar.xz
bootstrap-8eb42d9b205a8bdb8f75054256acd82af4379310.zip
Merge branch '3.0.0-wip' of github.com:twitter/bootstrap into 3.0.0-wip
Diffstat (limited to 'css.html')
-rw-r--r--css.html46
1 files changed, 34 insertions, 12 deletions
diff --git a/css.html b/css.html
index 95f9f095e..c03d6f776 100644
--- a/css.html
+++ b/css.html
@@ -91,16 +91,20 @@ base_url: "../"
<tr>
<th></th>
<th>
- Tiny grid
+ Tiny devices
<small>Phones (&lt;480px)</small>
</th>
<th>
- Small grid
+ Small devices
<small>Tablets (&lt;768px)</small>
</th>
<th>
- Medium-large grid
- <small>Desktops (&gt;768px)</small>
+ Medium devices
+ <small>Desktops (&gt;992px)</small>
+ </th>
+ <th>
+ Large devices
+ <small>Desktops (&gt;1200px)</small>
</th>
</tr>
</thead>
@@ -108,31 +112,49 @@ base_url: "../"
<tr>
<th>Grid behavior</th>
<td>Horizontal at all times</td>
- <td colspan="2">Collapsed to start, horizontal above breakpoints</td>
+ <td colspan="3">Collapsed to start, horizontal above breakpoints</td>
+ </tr>
+ <tr>
+ <th>Max container width</th>
+ <td>None (auto)</td>
+ <td>728px</td>
+ <td>940px</td>
+ <td>1170px</td>
</tr>
<tr>
<th>Class prefix</th>
<td><code>.col-</code></td>
<td><code>.col-sm-</code></td>
- <td><code>.col-lg-</code></td>
+ <td colspan="2"><code>.col-lg-</code></td>
</tr>
<tr>
<th># of columns</th>
- <td colspan="3">12</td>
+ <td colspan="4">12</td>
+ </tr>
+ <tr>
+ <th>Max column width</th>
+ <td>Auto</td>
+ <td>~60px</td>
+ <td>~78px</td>
+ <td>~98px</td>
+ </tr>
+ <tr>
+ <th>Gutter width</th>
+ <td colspan="4">30px (15px on each side of a column)</td>
</tr>
<tr>
<th>Nestable</th>
- <td colspan="3">Yes</td>
+ <td colspan="4">Yes</td>
</tr>
<tr>
<th>Offsets</th>
<td colspan="2" class="text-muted">N/A</td>
- <td>Yes</td>
+ <td colspan="2">Yes</td>
</tr>
<tr>
<th>Column ordering</th>
<td class="text-muted">N/A</td>
- <td colspan="2">Yes</td>
+ <td colspan="3">Yes</td>
</tr>
</tbody>
</table>
@@ -1403,7 +1425,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
{% endhighlight %}
<h3>Selects</h3>
- <p>Use the default option or specify a <code>multiple="multiple"</code> to show multiple options at once.</p>
+ <p>Use the default option, or add <code>multiple</code> to show multiple options at once.</p>
<form class="bs-example">
<select class="form-control">
<option>1</option>
@@ -1413,7 +1435,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<option>5</option>
</select>
<br>
- <select multiple="multiple" class="form-control">
+ <select multiple class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>