2015-07-10 191 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"切换的超大屏幕类,然后所有你需要做的是改变颜色和和不透明度的导航栏本身。

相关问题