2017-04-10 8 views
0

私は今、頭がおかしくなっていると思うが、私の固定ヘッダーの右上隅にナビゲーションバーを置くのが最も簡単な方法を見つけられない。ナビゲーションバーを右上に置くにはどうすればいいですか?

ウェブサイトは次のとおりです。http://espritlibertysolutions.co.uk/deve/

私は応答側を完了するために、まだきたので、それが現在の厄介な状態です無視してください。私の貧しい脳を悲惨さから救うのを助けてください!

ありがとうございます。

答えて

0

私は、ブートストラップのこのナビゲーションバーを使用することができると思う:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

</head> 
<body> 

<nav class="navbar navbar-inverse"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Portfolio</a> 
     </div> 
     <div class="collapse navbar-collapse" id="myNavbar"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">About</a></li> 
       <li><a href="#">Gallery</a></li> 
       <li><a href="#">Contact</a></li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 





</body> 
</html> 

あなたは色を変更することができます。フロートで右にメニューを保持することもできます:右;プロパティ。

関連する問題