i don't like responsive designed navbar

1 files changed, 28 insertions, 0 deletions

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 37928eb..0004078 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -2,3 +2,31 @@
 @import "bootstrap";
 @import "codemirror";
 @import "./*";
+
+/* disable responsive design in navbar partially */
+@media (max-width: 768px) {
+    .navbar-nav {
+        margin: 0 -15px;
+    }
+
+    .navbar-left {
+        float: left;
+    }
+
+    .navbar-right {
+        float: right;
+    }
+
+    .navbar-nav > li {
+        float: left;
+    }
+
+    .navbar-nav .dropdown-menu {
+        left: auto;
+        right: 0
+    }
+
+    .navbar-nav .open .dropdown-menu {
+        position: absolute;
+    }
+}