From f29e3263b04fd2ecbd42e864e03abc15439b4a1b Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 5 Feb 2012 00:16:25 -0800
Subject: [PATCH] follow up to #1702, add callout on component alignment in
 tabs/pills

---
 docs/assets/bootstrap.zip                | Bin 52391 -> 52391 bytes
 docs/components.html                     |   7 ++++---
 docs/templates/pages/components.mustache |   7 ++++---
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 3c655b03a1dc2174c6325d0e3691c9371c5ca2fd..d3f2da9ad2106e660e66d763f57ad33d936dc9ca 100644
GIT binary patch
delta 445
zcmZ2JlX>|}W}X0VW)?065MW}O$fKxy*h<g;C=i!ca5FHnd}m}}U=aaIq9_YcWjg{^
zHkq$LnhB_HhAmWJ<Ly%%K!M52IUS)Qo8NH;vV(*i1&!E1h99xoTq&4i01|rcXa-ZI
z?6gl8WKw|4<p24cV1-AmpvF(uE^vlvEh(rJ0BL>SU<(s6YODqet)HlZ>a5A%CK|xZ
z*O~NMfr*)EvgBqHHjwv@T5S&AyjKKdl+X!%ro&c~|DO_{9B_&aBoc8-W^&yLai$|6
zQCX14wiDh+Jf)NVNW4iW9U%I_DnFlefyg15W{f1i=2RdOPwuogn%!NejgZW~d)f}h
R13KR3j1v<uR2t5x0|3x@mn{GQ

delta 445
zcmZ2JlX>|}W}X0VW)?065b$A~$fKy7Z>i^B0K}yg+zgB?-x(PgSVVx5D9Qp<*+5DP
zEGP37NHYQT&9H?EY`lGn11K<gIj193Wb-@DKz5Ljqo5HR#PH3Pf;k2tq34cfFjdM<
z`*cAj1;|YPpU(+Z2sM7Pc7ZckB;Rs#NkOFmNbCCsTbPhhV>MW4{X`X1XHEV#(Ew(?
z&ZO50AbpaXO<+R7oA-)<goIA$Gv!-O{(nk*a=<AzkVwQSnaOo0#F>B|{C`RoB(m*<
zHxf_jq(2gG(n$x1ez3~VCtV<NNTwMh$*(yTh{TgS?Tu!4*J&dpv+tg^L*m(-aRTug
H&Zq+bdMlCw

diff --git a/docs/components.html b/docs/components.html
index 1c5bc5abe2..06ca2560cc 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -354,9 +354,10 @@
     <div class="span4">
       <h3>Powerful base class</h3>
       <p>All nav components here&mdash;tabs, pills, and lists&mdash;<strong>share the same base markup and styles</strong> through the <code>.nav</code> class.</p>
-      <h3>Why tabs and pills</h3>
-      <p>Tabs and pills in Bootstrap are built on a <code>&lt;ul&gt;</code> with the same core HTML, a list of links. Swap between tabs or pills with only a class.</p>
-      <p>Both options are great for sub-sections of content or navigating between pages of related content.</p>
+      <h3>When to use</h3>
+      <p>Tabs and pills are great for sections of content or navigating between pages of related content.</p>
+      <h3>Component alignment</h3>
+      <p>To align nav links, use the <code>.pull-left</code> or <code>.pull-right</code> utility classes. Both classes will add a CSS float in the specified direction.</p>
     </div>
     <div class="span4">
       <h3>Basic tabs</h3>
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 1f466aa5dd..0a7affafee 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -278,9 +278,10 @@
     <div class="span4">
       <h3>{{_i}}Powerful base class{{/i}}</h3>
       <p>{{_i}}All nav components here&mdash;tabs, pills, and lists&mdash;<strong>share the same base markup and styles</strong> through the <code>.nav</code> class.{{/i}}</p>
-      <h3>{{_i}}Why tabs and pills{{/i}}</h3>
-      <p>{{_i}}Tabs and pills in Bootstrap are built on a <code>&lt;ul&gt;</code> with the same core HTML, a list of links. Swap between tabs or pills with only a class.{{/i}}</p>
-      <p>{{_i}}Both options are great for sub-sections of content or navigating between pages of related content.{{/i}}</p>
+      <h3>{{_i}}When to use{{/i}}</h3>
+      <p>{{_i}}Tabs and pills are great for sections of content or navigating between pages of related content.{{/i}}</p>
+      <h3>{{_i}}Component alignment{{/i}}</h3>
+      <p>{{_i}}To align nav links, use the <code>.pull-left</code> or <code>.pull-right</code> utility classes. Both classes will add a CSS float in the specified direction.{{/i}}</p>
     </div>
     <div class="span4">
       <h3>{{_i}}Basic tabs{{/i}}</h3>