XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Bootstrap 3 - stufenlos skalieren geht nicht (http://xhtmlforum.de/showthread.php?t=71952)

bolshi 23.04.2015 13:25

Bootstrap 3 - stufenlos skalieren geht nicht
 
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 23.04.2015 17:26

Zitat:

Zitat von bolshi (Beitrag 544301)
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:57 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023