我该如何编辑背景框的大小以使其通过node.js适应内部框

Question

网页图片

你好，我正在做学校作业。 但我不知道如何更改背景灰色框的大小，以便在电子邮件，密码等框内进行调整。

这是我在努力的代码。

 {{!-- 회원 가입 페이지 view --}} <br/><br/> <form action="" style-"width: 700px; margin: auto" <div class="jumbotron"> <div class="col-md-5 col-md-offset-5"> <h1>Sign up</h1> {{# if hasErrors}} <div class="alert alert-danger"> {{# each messages}} <p>{{ this }}</p> {{/each}} </div> {{/if}} <form action="/user/signup" method="post" style="width: 500px; margin:auto"> <br/> <div class="form-group"> <label for="email">E-Mail</label> <input type="text" id="email" name="email" class="form-control"> </div> <div class="form-group"> <label for="password">Password</label> <input type="password" id="password" name="password" class="form-control"> </div> <div class="form-group"> <label for="name">Name</label> <input type="text" id="name" name="name" class="form-control"> </div> <div class="form-group"> <label for="address">Address</label> <input type="text" id="address" name="address" class="form-control"> </div> <div class="form-group"> <label for="phone">Phone</label> <input type="text" id="phone" name="phone" class="form-control"> </div> <input type="hidden" name="_csrf" value="{{ csrfToken }}"> <button type="submit" class="btn btn-primary pull-right">Sign up</button> </form> </div> </div> 

Answer 1

我认为这是因为您已将所有内容放入<div class="jumbotron">

尝试将<div class="jumbotron"> <div class="col-md-5 col-md-offset-5">

您可能必须将col-md-5更改为col-md-6