bofh/fetsite
9
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Responsive Menubar springt direkt auf 100% Kopfzeile um

Browse Source 
Kann einfach rückgängig gemacht werden, indem in bootstrap-
responsive.scss die earlymax-classe bearbeitet/gelöscht wird.
This commit is contained in:
Thomas Blazek
2013-08-13 00:07:29 +02:00
parent aaf22fa3b0
commit 989f0c2c54
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/bootstrap-responsive.scss vendored Normal file
View File

@@ -0,0 +1,5 @@
@import "bootstrap/responsive";
@media (max-width: 979px){
.earlymax {
min-width: 100%;
}}

4
app/views/layouts/application.html.erb
View File

@@ -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>

2
app/views/layouts/menu.html.erb
View File

@@ -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>