Jquery Bootstrap HTML5导航栏品牌和形式
我对引导有问题。在navbar品牌 我想创建以下内容: 我有这个密码:Jquery Bootstrap HTML5导航栏品牌和形式,jquery,html,css,twitter-bootstrap-3,Jquery,Html,Css,Twitter Bootstrap 3,我对引导有问题。在navbar品牌 我想创建以下内容: 我有这个密码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/papai.pl.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<button type="button" class="navbar-toggle"
data-toggle="collapse"
data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand"><input type="text" class="form-control" id="inputHorizontalSuccess" placeholder="Photos, people or groups"></div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right line-inline">
<button type="button" class="btn btn-link" id="signin-btn">Sign In</button>
<button type="button" class="btn btn-default" id="signin-btn">Sign In</button>
</ul>
</div>
</div>
</nav>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
独自创立
切换导航
登录
登录
我在互联网上搜索了一半没有结果,表单搜索总是有问题。你的问题不清楚,所以我想澄清一下,你似乎想创建一个导航栏,就像你在自己网站上链接的导航栏一样,所以你将该网站的HTML复制到了你的导航栏中。然而,HTML是不够的,您还需要CSS和Javascript才能使其看起来相同
虽然您可以复制所有CSS和JS文件,但最终会得到大量冗余代码,您不知道它是如何工作的。我建议您保留HTML,并尝试自己编写其余内容。这会很难,但你会学到很多。你的问题很不清楚。为清晰起见,请编辑。谢谢。同意@Difster