2016-08-22 2 views
1

Ich arbeite mit Bootstrap-Version 2.2, die nicht ansprechbar für navbar ist mir bitte helfen, was soll ich mit mobiler Ansicht tue hier ist mein htmlNavbar Ansprechbarkeit nicht Bootstrap v2.2 arbeitet

<nav class="navbar"> 
     <div class="navbar-inner is-sticky"> 
      <div class="main-nav"> 
       <!-- Nav Menu --> 
       <ul class="nav nav-tabs"> 
        <li><a href="Index.aspx" type="text/html">Home</a></li> 
        <li class="dropdown"> 
         <a data-toggle="dropdown" 
          href="#">Our Products 
          <b class="caret"></b> 
         </a> 
         <% 
          string tagc = ""; 
          using (MarhabaWebApplication.model.marhaba_web_dbEntities db = new MarhabaWebApplication.model.marhaba_web_dbEntities()) 
          { 
           tagc += "<ul class=\"dropdown-menu\">"; 
           var cat = (from pc in db.tbl_product_category select pc).ToList(); 
           for (int i = 0; i < cat.Count; i++) 
           { 
            tagc += "<li onclick=navigatetocatpage(" + cat[i].p_c_id + ")>"+cat[i].p_c_name+"</li>"; 
           } 
           tagc += "</ul>"; 
          } 
          Response.Write(tagc); 
         %> 
        </li> 
        <li><a href="index.html#about">about us</a></li> 
        <li><a href="index.html#portfolio">portfolio</a></li> 
        <li><a href="index.html#contact">contact</a></li> 
        <li><a href="blog/index.html">Blog</a></li> 
       </ul> 
      </div> 
      <!-- Nav Menu end--> 
     </div> 
    </nav> 

Unser Produkt Registerkarte erstellt dynamisch ignorieren diesen Code, der funktioniert gut, sagen Sie mir, was soll ich für die Reaktionszeit tun, danke! bootstrap also telling something about navbar responsiveness

+1

haben Sie das Stylesheet für die mobile Ansicht geprüft. ?? Überprüfen Sie in Ihrem Web-Verzeichnis, dass ein mobiles Ansichts-Stylesheet in diesem Verzeichnis vorhanden sein muss. Versuchen Sie ähnliche Tag-Stile in dieser Datei zu finden. –

+0

yeah Ich habe bootstrap-responsive.css in meinem Verzeichnis habe auch das, aber immer noch nicht funktioniert für mich Ich habe meine Frage bearbeiten einen Link hinzugefügt – Ralis

+1

Das Menü, das Sie implementiert scheint zu einigen Vorlagen gehören .. Überprüfen Sie, dass die Vorlage CSS und vergleichen Sie es mit Ihrem benutzerdefinierten css –

Antwort

1

<nav class="navbar"> 
 
     <div class="navbar-inner is-sticky"> 
 
      <div class="main-nav"> 
 
       <!-- Nav Menu --> 
 
       <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse"> 
 
         <span class="icon-bar"></span> 
 
         <span class="icon-bar"></span> 
 
         <span class="icon-bar"></span> 
 
         </a> 
 
       <div class="nav-collapse collapse navbar-responsive-collapse"> 
 
       <ul class="nav"> 
 
        <li><a href="Index.aspx" type="text/html">Home</a></li> 
 
        <li class="dropdown"> 
 
         <a data-toggle="dropdown" 
 
          href="#">Our Products 
 
          <b class="caret"></b> 
 
         </a> 
 
         
 
         <% 
 
          string tagc = ""; 
 
          using (MarhabaWebApplication.model.marhaba_web_dbEntities db = new MarhabaWebApplication.model.marhaba_web_dbEntities()) 
 
          { 
 
           tagc += "<ul class=\"dropdown-menu\">"; 
 
           var cat = (from pc in db.tbl_product_category select pc).ToList(); 
 
           for (int i = 0; i < cat.Count; i++) 
 
           { 
 
            tagc += "<li onclick=navigatetocatpage(" + cat[i].p_c_id + ")>"+cat[i].p_c_name+"</li>"; 
 
           } 
 
           tagc += "</ul>"; 
 
          } 
 
          Response.Write(tagc); 
 
         %> 
 
         
 
        </li> 
 
        <li><a href="index.html#about">about us</a></li> 
 
        <li><a href="index.html#portfolio">portfolio</a></li> 
 
        <li><a href="index.html#contact">contact</a></li> 
 
        <li><a href="blog/index.html">Blog</a></li> 
 
       </ul> 
 
      </div> 
 
      </div> 
 
      <!-- Nav Menu end--> 
 
     </div> 
 
    </nav>

+0

Danke, dass es reagiert reagiert, aber ich bin nicht in der Lage, Menü zu erweitern, ich klicke auf Menü-Symbol, aber nichts passiert – Ralis

+1

sind Sie Bootstrap.js in Ihrer Datei hinzufügen? –

+1

füge jquery.js & bootstrap.js Datei in deine Datei ein –