Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Bootstrap HTML5导航栏品牌和形式_Jquery_Html_Css_Twitter Bootstrap 3 - Fatal编程技术网

Jquery Bootstrap HTML5导航栏品牌和形式

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

我对引导有问题。在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, 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