html - Bootstrap 模式登录

Question

我有一个几乎 100% 完成的网站，但它是基于定制的 bootstrap 2.X 来满足我的需求(糟糕的做法，错误完全在我这边。)我想做的是想出一个看起来像这样的模式登录:

DEMO

上面的实时预览是基于bootstrap 3.X

Answer 1

您可以通过以下链接查看。

Fiddle

 <a data-target="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<div class="modal fade hide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-remote="/mmfansler/aQ3Ge/show/">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>

    <div style="margin-left:35%;>
  <modal title="Login form" visible="showModal">
    <form role="form">
      <div class="form-group">
        <label for="email">Email address</label>
        <input type="email" class="form-control" id="email" placeholder="Enter email" />
      </div>
      <div class="form-group">
        <label for="password">Password</label>
        <input type="password" class="form-control" id="password" placeholder="Password" />
      </div>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>
  </modal>

    </div>
  </div>
</div>