java - Bootstrap twitter 无法正确看到示例 "sign-in"

标签 java css twitter-bootstrap

我正在尝试使用 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">

但是,如果我运行该示例,我会看到这个网页,而不是该示例的原始版本:

enter image description here

我想我应该看到与示例中相同的结果,不是吗? 为什么我会得到这个结果?

感谢任何提示!

编辑 2: @mohsin.mr 你是对的(多么愚蠢的错误)谢谢!我在另一个目录上有 signin.css,但是现在我得到了类似的结果,但与示例中的结果不同。按钮看起来不同,文本框的长度比按钮的长度短。

enter image description here

编辑:这是我正在运行的代码:

<!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/

相关文章:

java - 是否使用带有 setter 的 if 语句

java - 如何在 Java 类中实现 Kotlin 挂起方法?

java - 将时间线或任务绑定(bind)到进度条?

css - 如何将内容设置为-webkit-slider-thumb

css - 如何在 Bootstrap 表单上正确对齐没有标签的字段

twitter-bootstrap - 灯箱 - 多张图片

html - Bootstrap Accordion 不会崩溃?

ruby-on-rails - rails : Couldn't find a file for 'twitter/bootstrap'

java - JSTL:如何获取Map的上一个和下一个迭代元素?

css - n 列随机高度 portlet 的响应式网页设计