Bootstrap 3 - stufenlos skalieren geht nicht

bolshi · #1 (**permalink**) 23.04.2015, 13:25

Hallo,
folgender Layout-Ausschnitt:

HTML-Code:

<div class="container" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
  <div class="row top">
    <div class="col-md-4 col-xs-12"><?php print $content['top_left_4']; ?></div>
    <div class="col-md-4"><?php print $content['top_middle_4']; ?></div>
    <div class="col-md-4"><?php print $content['top_right_4']; ?></div>
  </div>
  <div class="row main">
    <div class="col-md-12 col-xs-12  mainmenu"><?php print $content['main_12']; ?></div>
  </div>

topmenu wird in 'top_left_4' gerendert, mainmenu in 'main_12'.

Mainmenu ist einzeilig, wird beim Zusammenschieben des Browserfensters kurzzeitig zweizeilig.
Topmenu ist einzeilg, wird beim Zusammenschieben kurzzeitig zweizeilig.

Obwohl das Viewport-Tag gesetzt ist

HTML-Code:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

skaliert die Seite nicht stufenlos.

Link

Wie erreiche ich, dass top- und mainmenu beim Verkleinern des Browserfensters einzeilig bleiben, bevor sie auf 'mobile' switchen?

Was muss ich am Markup ändern, dass die Seite beim Zusammenschieben stufenlos skaliert?

K.Roland · #2 (**permalink**) 23.04.2015, 17:26

Zitat:

Zitat von bolshi

Wie erreiche ich, dass top- und mainmenu beim Verkleinern des Browserfensters einzeilig bleiben, bevor sie auf 'mobile' switchen?

Mit Mindestweite ca. 300 Pixel für die kleine oberste Navigation.
Falls noch kein Umbruch (zweizeilig) erfolgen sollte.

Teste mal hier:

Code:

.tb-megamenu {
    background-color: #00aeee;
}

___________
MfG Roland

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bootstrap und Navigation	ChOpSueY!	CSS	0	27.01.2015 13:54
Bootstrap LESS bei gehostetem Projekt kompilieren	dst89	CSS	2	30.12.2014 12:57
Bootstrap Pro Gesucht!	BamiGorengo	Jobs	5	15.06.2014 01:06
(CSS) Bootstrap Framework - Logo	Gemeinde St. Nikolaus	CSS	4	15.01.2013 21:27
Template System und HTML5 mit Bootstrap - Problem!?	SourceSkyBoxer	Serveradministration und serverseitige Scripte	10	15.09.2012 20:35