2017-02-27 59 views
0

把家裏的右側導航欄的產品,然後和其他菜單項,但是把家裏的導航欄的右側與如下因素代碼就說明它們以相反的順序,我需要如何在asp.net

<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> 

回答

0

我想你想達到什麼是this-- 只是扭轉<li >爲了

代碼片段

<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>

+0

不,這不是我的願望,因爲在這個家才能走到小視圖菜單的最下部分。但我想看到它頂部 –

+0

我不明白..你能解釋你實際需要什麼嗎? – neophyte

+0

當頁面很大並且菜單項顯示在一起時,您的建議是正確的。但是當用戶調整頁面和菜單顯示在一個按鈕菜單(三條水平線)時,主頁將顯示在下拉菜單的底部,而不是頂部 –