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

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

1 个答案: