有没有办法在jumbotron中放置导航栏?
问题描述:
就像我在我的问题说我应该怎么做这个 这是结果我想 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>
答
我敢肯定你刚才应用的超大屏幕,使得固定在顶部导航栏,并使其透明的,不知道我不能共享代码如果有更多的事情发生在那里。
所以在这个例子中,你可以改变<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"
切换的超大屏幕类,然后所有你需要做的是改变颜色和和不透明度的导航栏本身。
你可以发布一些你已经尝试过的代码吗? –