bootstrap navbar隐藏文本/图片
[英]bootstrap navbar hiding text/pictures under it
问题描述
所以我在页面顶部添加了一个bootstrap导航栏，并希望在其下添加一些图片旋转木马。 由于某种原因，我无法在导航栏下显示任何内容！ 我知道这似乎很基本，但不幸的是我需要另外一双眼睛。 谢谢
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <link rel="stylesheet" href="css/styles.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <!-- Latest compiled JavaScript --> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <nav class="navbar navbar-inverse navbar-fixed-top"> <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="#" class="pull-left"><img src="img/small.png" alt="" /> </a> </div> <div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#section41">Full Menu & Taps</a></li> <li><a href="#section42">Happy Hour</a></li> </ul> </li> <li><a href="Upcoming">watch!</a></li> <li><a href="location.html">Location</a></li> <li><a href="#section3">About </a></li> </ul> </div> </div> </div> </nav> </head> <body> </body> </html><!-- Latest compiled and minified CSS -->
1 个解决方案
解决方案1
0 2016-05-04 22:10:48
这是固定的给予元素在它下margin-top: 60px;
尽可能高的是你的导航。
我想你会看到它。
并且你的身体标签是空的我认为它应该在身体标签上，你可以把它放在<header>标签而不是<head>我认为。 喜欢<body><header><nav>
Bootstrap 5 - 文本在 href id 的导航栏下消失
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.