]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Minor amendment to horizontal-nav doco 1715/head
authorSam Georges <sam@daftspunk.com>
Tue, 5 Mar 2013 21:26:17 +0000 (08:26 +1100)
committerSam Georges <sam@daftspunk.com>
Tue, 5 Mar 2013 21:26:17 +0000 (08:26 +1100)
docs/components/section.html.erb

index ea6d7784e0d42bcaa78575d01cdb057b7d5ad7ae..409af56af5e95d495b345cc31d76281675e19169 100644 (file)
         <p>Use the <code>side-nav</code> class on the list to apply the Foundation navigation styles</p>
 
 <%= code_example '
-<div class="row">
-  <div class="large-3 columns">
-    <div class="section-container horizontal-nav" data-section>
-      <section class="section">
-        <p class="title"><a href="#">Section 1</a></p>
-        <div class="content">
-          <ul class="side-nav">
-            <li><a href="#">Link 1</a></li>
-            <li><a href="#">Link 2</a></li>
-            <li><a href="#">Link 3</a></li>
-            <li class="divider"></li>
-            <li><a href="#">Link 1</a></li>
-          </ul>
-        </div>
-      </section>
-      <section class="section">
-        <p class="title"><a href="#">Section 2</a></p>
-        <div class="content">
-          <ul class="side-nav">
-            <li><a href="#">Link 1</a></li>
-            <li><a href="#">Link 2</a></li>
-            <li><a href="#">Link 3</a></li>
-            <li class="divider"></li>
-            <li><a href="#">Link 1</a></li>
-          </ul>
-        </div>
-      </section>
+<div class="section-container horizontal-nav" data-section>
+  <section class="section">
+    <p class="title"><a href="#">Section 1</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="#">Link 1</a></li>
+        <li><a href="#">Link 2</a></li>
+        <li><a href="#">Link 3</a></li>
+        <li class="divider"></li>
+        <li><a href="#">Link 1</a></li>
+      </ul>
     </div>
-  </div>
-  <div class="large-9 columns">
-    <p>Content to the right of the navigation.</p>
-  </div>
-</div>', :html %>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Section 2</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="#">Link 1</a></li>
+        <li><a href="#">Link 2</a></li>
+        <li><a href="#">Link 3</a></li>
+        <li class="divider"></li>
+        <li><a href="#">Link 1</a></li>
+      </ul>
+    </div>
+  </section>
+</div>
+', :html %>
 
 
         <h6>Deep Linking</h6>