html - div不占满宽度？-6ren

html - div不占满宽度？

转载作者：行者123 更新时间：2023-11-28 05:32:56

25

4

第一次在 SO 上。

我四处搜索，只看到有人说“看看父级”。我的问题有点不同。

这是我的演示站点 - http://falconsnest.cf (Django 框架)

这是 github - github.com/Sir-Lagsalot/FalconsNest

我的问题是 div“容器”。它不适合整个页面，只是奇怪地偏向左侧。我该如何解决这个问题？

片段:

@import 'http://falconsnest.cf/static/webapp/css/project/custom.css':
@import 'http://falconsnest.cf/static/webapp/css/bootstrap.min.css':
  @import 'http://falconsnest.cf/static/webapp/js/jquery-3.0.0.min.js':
  @import 'http://falconsnest.cf/static/webapp/js/project/headerjs.js':

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="http://falconsnest.cf/static/webapp/js/project/headerjs.js"></script>
<script src="http://falconsnest.cf/static/webapp/js/jquery-3.0.0.min.js"></script>
<link href="http://falconsnest.cf/static/webapp/css/bootstrap.min.css" rel="stylesheet"/>
<link href="http://falconsnest.cf/static/webapp/css/project/custom.css" rel="stylesheet"/>

<body>

<div class="container">
  <button type="button" class="btn btn-primary btn-lg raised" data-toggle="collapse" data-target="#Signin"><span>Sign In!</span></button>
  <div id="Signin" class="collapse">

      <div class="loginbar">
        <h1>LOGIN</h1>
      </div>
      <div class="prompt">
        <form action=forms.py method="POST">
          <input type='hidden' name='csrfmiddlewaretoken' value='6olNNouNeySQqSmiKExapeXe69tyAwZP' />
          StudentID:<br> <input class="form-control" type="text" name="username"><br>
          Password:<br> <input class="form-control" type="password" name="password">
          <p></p>
          <font size=2px> Don't have an account? <a href="/register">Register here!</a> <p></p></font>
          <input type="submit" value="Submit">
        </form>
      </div>

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