如何使面板主体居中，输入标签与输入框的左侧对齐？

Question

Bootstrap: how can i make the panel-body align in center, but with the input-label align with left side of input text box?

<div class="panel panel-default">
    <div class="panel-body" align="center">
        <form role="form" id="password-form">

            <div class="form-group full-width">
                <label class="input-label" for="userId">Username <Id></Id>:</label>
                <div class="input-group min-width-400">
                    <input class="form-control" type="text"
                           id="userId"
                           name="userId"
                           required="true"/>
                </div>
            </div>
            <button id="closeBtn" type="button" class="btn btn-default">Cancel</button>
            <button id="resetBtn" class="btn btn-primary" type="button" style="width:150px">Reset Password</button>
        </form>
    </div>
</div>

Answer 1

If I understand you well, you´re looking for .panel-body {margin: 0 auto; width: xxx} .panel-body {margin: 0 auto; width: xxx} instead of your align attribute..