From 12916b06aaf686c56a53feb16b8efbac6f38c8fd Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Tue, 4 Dec 2012 18:25:16 -0800
Subject: Fix up display of dropdown submenu examples on responsive views

---
 docs/assets/css/docs.css | 36 +++++++++++++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

(limited to 'docs/assets/css/docs.css')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 6e9bbb9be..c7bddd45a 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -687,6 +687,21 @@ form.bs-docs-example {
   margin: 20px;
 }
 
+/* Dropdowns */
+.bs-docs-example-submenus {
+  min-height: 180px;
+}
+.bs-docs-example-submenus > .pull-left + .pull-left {
+  margin-left: 20px;
+}
+.bs-docs-example-submenus .dropup > .dropdown-menu,
+.bs-docs-example-submenus .dropdown > .dropdown-menu {
+  display: block;
+  position: static;
+  margin-bottom: 5px;
+  *width: 180px;
+}
+
 
 
 /* Responsive docs
@@ -1013,7 +1028,26 @@ form.bs-docs-example {
     word-break: break-all;
   }
 
-  /* Modal example */
+  /* Examples: dropdowns */
+  .bs-docs-example-submenus > .pull-left {
+    float: none;
+    clear: both;
+  }
+  .bs-docs-example-submenus > .pull-left,
+  .bs-docs-example-submenus > .pull-left + .pull-left {
+    margin-left: 0;
+  }
+  .bs-docs-example-submenus p {
+    margin-bottom: 0;
+  }
+  .bs-docs-example-submenus .dropup > .dropdown-menu,
+  .bs-docs-example-submenus .dropdown > .dropdown-menu {
+    margin-bottom: 10px;
+    float: none;
+    max-width: 180px;
+  }
+
+  /* Examples: modal */
   .modal-example .modal {
     position: relative;
     top: auto;
-- 
cgit v1.2.3