Html 如何将引导中的导航与更多元素重叠?
我试着制作一个固定导航条和两个粘在固定导航条上的顶部导航条 实际上我有一个固定导航栏和一个在固定导航栏上的导航栏。第一个粘性导航条位于左侧,它可以工作,但是当我尝试将第二个粘性导航条浮动到右侧时,它会停留在第一个粘性导航条的左侧。 以下是我使用wix.com所做的示例:Html 如何将引导中的导航与更多元素重叠?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我试着制作一个固定导航条和两个粘在固定导航条上的顶部导航条 实际上我有一个固定导航栏和一个在固定导航栏上的导航栏。第一个粘性导航条位于左侧,它可以工作,但是当我尝试将第二个粘性导航条浮动到右侧时,它会停留在第一个粘性导航条的左侧。 以下是我使用wix.com所做的示例: 不要让三个导航条变成那样!试试这个,应该有用 <!DOCTYPE html> <html lang="en"> <head> <title>Bootstr
-
-
-
-
不要让三个导航条变成那样!试试这个,应该有用
<!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.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<!--This is your first NavBar with Image on Left Side-->
<img class="img-responsive nav navbar-nav navbar-left" src="umbrella.png"> <!-- Put Your Logo Image Here-->
</img>
<!--This is your second Navbar with links and other stuffs-->
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
<!--This is your third Navbar with your custom text-->
<ul class="nav navbar-nav navbar-right">
<a href="#"><b>Kontakt</b></a>
</ul>
</div>
</nav>
<h1>Scroll this page to see the effect</h1>
</body>
</html>
引导示例
滚动此页面以查看效果
不要让三个导航条变成那样!试试这个,应该有用
<!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.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<!--This is your first NavBar with Image on Left Side-->
<img class="img-responsive nav navbar-nav navbar-left" src="umbrella.png"> <!-- Put Your Logo Image Here-->
</img>
<!--This is your second Navbar with links and other stuffs-->
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
<!--This is your third Navbar with your custom text-->
<ul class="nav navbar-nav navbar-right">
<a href="#"><b>Kontakt</b></a>
</ul>
</div>
</nav>
<h1>Scroll this page to see the effect</h1>
</body>
</html>
引导示例
滚动此页面以查看效果
这很有效。我把标志和联系btn在一个容器中,并使用浮动权利。现在我有两个导航
<!--Navigation-->
same as my first post
<!--Navigation-->
和我的第一篇文章一样
这很有效。我把标志和联系btn在一个容器中,并使用浮动权利。现在我有两个导航
<!--Navigation-->
same as my first post
<!--Navigation-->
和我的第一篇文章一样
它不工作:(现在所有东西都在滚动。但是只有徽标和联系人按钮必须滚动。但是感谢您的回答:)它不工作:(现在所有东西都在滚动。但是只有徽标和联系人按钮必须滚动。但是感谢您的回答:)