我該如何編輯背景框的大小以使其通過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