Html 在引导中制作导航条
我正在尝试制作一个引导导航条，如下所示：Html 在引导中制作导航条,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在尝试制作一个引导导航条，如下所示： 我只能应付这个： 这是我的代码： <!doctype html> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="./css/b
我只能应付这个：
这是我的代码：
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./css/bootstrap-theme.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
.nav{
position: absolute;
top: 5px;
right: 190px;
border-left: 3px solid #EEE;
border-right: 3px solid #EEE;
}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="navbar-header">
<a href="#"><img src="./imgs/endorse-logo1.png" alt="logo"></a>
</div>
<div class="navbar-header nav">
<ul class="nav nav-pills">
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">English<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Russian</a></li>
<li><a href="#">Chinese</a></li>
<li><a href="#">German</a></li>
<li><a href="#">Italian</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</body>
</html>
.导航{
位置：绝对位置；
顶部：5px；
右：190px；
左边框：3倍实心#EEE；
右边框：3px实心#EEE；
}
-
- 您有两个
元素，您应该只有一个和多个导航栏标题
元素 - 您需要将导航栏元素（
）包装在
元素中，以使其响应 - 您可以摆脱.nav css来修复导航栏顶部，因为您已经在使用
导航栏固定顶部 - 您正在使用应直接使用的