From 989f0c2c5457831f37f1baa12380dcc4cebe9867 Mon Sep 17 00:00:00 2001
From: Thomas Blazek <wtblazek@gmail.com>
Date: Tue, 13 Aug 2013 00:07:29 +0200
Subject: [PATCH] Responsive Menubar springt direkt auf 100% Kopfzeile um
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Kann einfach rückgängig gemacht werden, indem in bootstrap-
responsive.scss die earlymax-classe bearbeitet/gelöscht wird.
---
 app/assets/stylesheets/bootstrap-responsive.scss | 5 +++++
 app/views/layouts/application.html.erb           | 4 ++--
 app/views/layouts/menu.html.erb                  | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 app/assets/stylesheets/bootstrap-responsive.scss

diff --git a/app/assets/stylesheets/bootstrap-responsive.scss b/app/assets/stylesheets/bootstrap-responsive.scss
new file mode 100644
index 0000000..f2950bd
--- /dev/null
+++ b/app/assets/stylesheets/bootstrap-responsive.scss
@@ -0,0 +1,5 @@
+@import "bootstrap/responsive";
+@media (max-width: 979px){
+.earlymax {
+min-width: 100%;
+}}
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index a59dc71..83b766f 100755
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -17,9 +17,9 @@
 	</div>
 	<div class="container-fluid">
 		<div class="row-fluid">
-	<div class="span2">
+	<div class="span2 earlymax">
 	<div id="menudiv"><%= render :template => 'layouts/menu' %></div>
-	</div>	<div class="span10">
+	</div>	<div class="span10 earlymax">
 	
 			<%= yield %>
 	</div>
diff --git a/app/views/layouts/menu.html.erb b/app/views/layouts/menu.html.erb
index 6ed78be..fede1cd 100755
--- a/app/views/layouts/menu.html.erb
+++ b/app/views/layouts/menu.html.erb
@@ -2,7 +2,7 @@
   <div class="navbar-inner">
     <div class="container-fluid">
             <a class="brand" href="#"><%= t 'home.mtitle'%></a>
-      <a class ="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+      <a class ="btn btn-navbar" data-toggle="collapse" data-parent="#menudiv" data-target=".nav-collapse">
 	<span class="icon-bar"></span>
 	<span class="icon-bar"></span>
 	<span class="icon-bar"></span>