, wie auf der rechten Seite von navbar in asp.net

setzen zu Hause auf der rechten Seite von navbar dann Produkt und anderen Menüpunkten, aber mit dem Folowing Code es zeigt sie in umgekehrter Reihenfolge zu Hause setzen, dass ich, wie auf der rechten Seite von navbar in asp.net

brauche

<form id="form1" runat="server" > 
<div> 
    <div class="navbar navbar-default navbar-fixed-top " role="navigation" > 
     <div class="container"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=" .navbar-collapse"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="navbar-brand navbar-right" href="Index.aspx"><span> 
        <img alt="Logo" src="Image/weather.png" height="30" /></span>Company name</a> 
      </div> 
      <div class="navbar-collapse collapse " > 
       <ul class="nav navbar-nav navbar-right" >   

        <li class="active navbar-nav "><a href="Index.aspx">home</a></li> 
        <li><a href="#">products</a></li> 
        <li><a href="#">contacts</a></li> 
        <li><a href="#">users</a></li> 
       </ul> 
      </div> 

     </div> 

    </div> 
</div>

Quelle

2017-02-27 bz.morvarid

ich denke, was Sie this-- gerade umgekehrt die <li > Ordnung

Code-Schnipsel

erreichen wollen ist

<html> 
 
<head> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
      <style type="text/css"> 
 
      
 
      </style> 
 
      </head> 
 
      <body> 
 
    <form id="form1" runat="server" > 
 
<div> 
 
    <div class="navbar navbar-default navbar-fixed-top " role="navigation" > 
 
     <div class="container"> 
 
      <div class="navbar-header"> 
 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=" .navbar-collapse"> 
 
        <span class="sr-only">Toggle navigation</span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
       </button> 
 
       <a class="navbar-brand navbar-right" href="Index.aspx"><span> 
 
        <img alt="Logo" src="Image/weather.png" height="30" /></span>Company name</a> 
 
      </div> 
 
      <div class="navbar-collapse collapse " > 
 
       <ul class="nav navbar-nav navbar-right" >   
 

 
         
 
        
 
        
 
        <li><a href="#">users</a></li> 
 
        <li><a href="#">contacts</a></li> 
 
        <li><a href="#">products</a></li> 
 
        <li class="active navbar-nav "><a href="Index.aspx">home</a></li> 
 
       </ul> 
 
      </div> 
 

 
     </div> 
 

 
    </div> 
 
</div> 
 
</body> 
 
    </html>

Quelle

2017-02-27 15:26:31 neophyte

Nein, ist es mein Wunsch nicht, denn in diesem Hause, um die am meisten nach unten Teil des Menüs in kleinem Blick ging. aber ich will es oben sehen –

ich konnte nicht verstehen..können Sie erklären, was Sie eigentlich brauchen? – neophyte

Ihr Vorschlag ist wahr, wenn die Seite groß ist und der Menüpunkt als nächstes angezeigt wird. Wenn der Benutzer jedoch die Größe der Seiten- und Menüanzeige in einem Schaltflächenmenü (mit drei horizontalen Linien) ändert, wird die Startseite im Dropdown-Menü anstelle von oben angezeigt –

, wie auf der rechten Seite von navbar in asp.net

Antwort

Verwandte Themen