zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bootstrap 3 - stufenlos skalieren geht nicht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.04.2015, 13:25
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.11.2006
Ort: Berlin
Beiträge: 153
bolshi befindet sich auf einem aufstrebenden Ast
Standard 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?
__________________
Gruß bolshi

Geändert von bolshi (23.04.2015 um 13:28 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.04.2015, 17:26
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2010
Beiträge: 528
K.Roland wird schon bald berühmt werden
Standard

Zitat:
Zitat von bolshi Beitrag anzeigen
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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:20 Uhr.