Bootstrap登录页面问题

时间:2014-02-04 07:05:25

标签: html css asp.net-mvc twitter-bootstrap

大家好我尝试在我的mvc应用程序中应用bootstrap css

我希望在我的应用程序中重构此示例http://getbootstrap.com/examples/signin/

我将我的登录页面编码为

<form id="loginform" method="post" class="form-signin" role="form">
    <h3 class="form-signin-heading">Login</h3>
      <input type="text" name="user_NA" class="form-control" placeholder="User ID"  />
      <input type="password" name="user_pwd" class="form-control" placeholder="Password" />
    <input type="submit" name="Submit" value="Login" class="btn btn-lg btn-primary btn-block" />
</form>

但我的输出就像 enter image description here

我没有对bootstrap.css进行任何更改

我想要黑色标题(默认)。但这里显示一个按钮。请帮助我

1 个答案:

答案 0 :(得分:1)

你可以试试这个..

Fiddle here

<div class="container">

  <form class="form-signin" role="form">
    <h2 class="form-signin-heading">Please sign in</h2>
    <input type="email" class="form-control" placeholder="Email address" required="" autofocus="">
    <input type="password" class="form-control" placeholder="Password" required="">
    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  </form>

</div>

祝你好运..