Question

我在大学项目中遇到了麻烦，我无法理解它。从我在线阅读的内容中，您可以使用col-xx-x来沿12列网格划分div。我在这里试图让两个输入框沿着上排居中，按钮的外边缘在下面的行上与上面的输入框的外边缘对齐。

我不确定这是否应该用CSS或col-md-x修复。感谢您的帮助:-)

<div class="row">
    <div class="col-md-2"></div>        <!-- spacing divs-->
    <div class="col-md-4">
        <div class="input-group">
            <input type="Email" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
        </div>
    </div>
    <div class="col-md-4">
        <div class="input-group">
            <input type="Password" class="form-control" placeholder="Password" aria-describedby="basic-addon1">
        </div>
    </div>
    <div class="col-md-2"></div>        <!-- spacing divs-->
</div>

<div class="row">
    <div class="col-md-2"></div>    <!-- spacing divs-->
    <div class="col-md-3">
        <button type="button" class="btn btn-primary">Login</button>
    </div>

    <div class="col-md-3">
        <button type="button" class="btn btn-danger">Reset Psasword</button>
    </div>
    <div class="col-md-2"></div>    <!-- spacing divs-->
</div>

Answer 1

你不能使用col-xx-x来放空div。相反，如果您想要空列，请使用col-xx-offset-x。

在此处阅读更多内容：http://getbootstrap.com/css/#grid-offsetting

如何在bootstrap中填充cols

1 个答案: