2016-07-09 22 views
0

Ich arbeite an einer Website, die das MeanMenu verwendet, und ich habe seit zwei Tagen darum gekämpft, wie man einen Titel in den mittleren Menü-Container bekommt.Wie füge ich einen h2 in einen MeanMeanu-Container ein

heren mein html für das Menü:

  <div class="row"> 
       <div class="col-lg-4 col-md-8 col-sm-4"> 
        <h2>Title Text</h2> 
       </div> 
       <div class="col-lg-8 col-md-12 col-sm-12 hidden-xs"> 
        <div class="main-menu float-right"> 
         <nav> 
          <ul> 
           <li class="active"><a href="#banner">Home</a></li> 
           <li><a href="#about">About Us</a></li> 
           <li><a href="#features">What We Do</a></li> 
           <li><a href="#screenshots">Our Work</a></li> 
           <li><a href="#support">Contact Us</a></li> 
          </ul> 
         </nav> 
        </div> 
       </div> 
       <div class="hidden-sm hidden-lg hidden-md col-sm-2"> 
        <div class="mobile-menu"> 
         <nav> 
          <ul> 
           <li class="active"><a href="#banner">Home</a></li> 
           <li><a href="#about">About Us</a></li> 
           <li class="hidden-xs"><a href="#features">What We Do</a></li> 
           <li><a href="#screenshots">Our Work</a></li> 
           <li><a href="#support">Contact Us</a></li> 
          </ul> 
         </nav> 
        </div> 
       </div> 
      </div> 
     </div> 

Heres, wie es erweitert aussieht: enter image description here Komprimierte ich nicht herausfinden, wie es zu bekommen inline zu bleiben: enter image description here

I‘ Ich habe ein paar Beiträge zu ähnlichen Themen gesehen, aber nichts hat für mich funktioniert. Ich frage mich, ob jemand das schon mal gemacht hat?

Antwort

0

Dies geschieht, weil Sie Bootstrap-Klassen nicht in einer richtigen Weise Diese

verwenden sollten Werke (so hoffen, weil Sie CSS- von uns :) verstecken) vielleicht

 <div class="row"> 
      <div class="col-xs-6 col-sm-4 col-md-8 col-lg-4"> 
       <h2>Title Text</h2> 
      </div> 

      <div class="visible-xs col-xs-6"> 
       <div class="mobile-menu"> 

       </div> 
      </div> 
     </div> 
0

Cuz u col gesetzt didnt -xs- * Raster für Ihren Titeltext (daher ist es 12 Spalten) versuchen Sie das und wenn möglich, bitte ein jsfiddle :)

Verwandte Themen