我正在尝试使用 Bootstrap Twitter ( sign-in example) 的基本示例。在链接中,您可以看到示例的代码。
我在我的 IDE (NetBeans) 中复制粘贴代码来替换这一行:
<link href="../../dist/css/bootstrap.css" rel="stylesheet">
对于这个,它指示 Bootstrap 在我的电脑中的位置:
<link href="MEDIA/bootstrap/css/bootstrap.css" rel="stylesheet">
但是,如果我运行该示例,我会看到这个网页,而不是该示例的原始版本:
我想我应该看到与示例中相同的结果,不是吗? 为什么我会得到这个结果?
感谢任何提示!
编辑 2: @mohsin.mr 你是对的(多么愚蠢的错误)谢谢!我在另一个目录上有 signin.css,但是现在我得到了类似的结果,但与示例中的结果不同。按钮看起来不同,文本框的长度比按钮的长度短。
编辑:这是我正在运行的代码:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Signin Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
<link href="MEDIA/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="signin.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../../assets/js/html5shiv.js"></script>
<script src="../../assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<form class="form-signin">
<h2 class="form-signin-heading">Please sign in</h2>
<input type="text" class="form-control" placeholder="Email address" autofocus>
<input type="password" class="form-control" placeholder="Password">
<label class="checkbox">
<input type="checkbox" value="remember-me"> Remember me
</label>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
</form>
</div> <!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
</body>
</html>
最佳答案
您的整个代码看起来都是正确的。现在,您遇到此问题的唯一原因是链接 signin.css,因为 Bootstrap css 文件似乎也正确导入并且代码模式也正确。
关于java - Bootstrap twitter 无法正确看到示例 "sign-in",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19472870/