2015-07-10 24 views
0

就像我在我的問題說我應該怎麼做這個 這是結果我想 http://1drv.ms/1UKLEjg有沒有辦法在jumbotron中放置導航欄?

的圖像是一個超大屏幕 的背景和菜單是在超大屏幕 你能幫助我嗎? 因爲是我的工作,但這樣的事情

<html> 
<head> 
    <title>navbarTest</title> 
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <style> 
     body { padding-top: 70px; } 
    </style> 
</head> 
<body> 
    <div class="container"> 
    <div class="jumbotron" style="top:15em; width=100%; margin-bottom:0;"> 
     <div class="row"> 
      <div class="col-md-12"> 
       <nav class="navbar navbar-inverse role="banner" style="margin-bottom:0;""> 
        <div class="container-fluid"> 
         <div class="navbar-header"> 
         <a href="navbarTest.html" class="navbar-brand">Navbar Example</a> 
         </div> 
        <div class="navbar-text navbar-right"> 
        <a href="navbarTest.html" class="navbar-link"> 
         holaaa 
        </a> 
        </div> 
        </div> 
       </nav> 
      </div> 
     </div> 

    </div> 
    </div> 
<script type="text/javascript" href="C:\Users\alan.martinez.blanco\Downloads\jquery-2.1.4.min.js"></script> 
<script type="text/javascript" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
</body> 
</html> 
+0

你可以發佈一些你已經嘗試過的代碼嗎? –

回答

0

我敢肯定你剛纔應用的超大屏幕,使得固定在頂部導航欄,並使其透明的,不知道我不能共享代碼如果有更多的事情發生在那裏。

所以在這個例子中,你可以改變<nav class="navbar navbar-inverse role="banner" style="margin-bottom:0;""><nav class="navbar-fixed-top navbar-inverse role="banner" style="margin-bottom:0;"">

,然後從DIV目前它是在給<body class = "jumbotron"切換的超大屏幕類,然後所有你需要做的是改變顏色和和不透明度的導航欄本身。

相關問題