2017-02-27 54 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

当页面很大并且菜单项显示在一起时,您的建议是正确的。但是当用户调整页面和菜单显示在一个按钮菜单(三条水平线)时,主页将显示在下拉菜单的底部,而不是顶部 –