使用 center-block 和 span 将两个输入框居中

Question

您好，我正在尝试通过调整我在此处看到的用于 1 的示例将 2 个输入框排成一行。我正在尝试使用 span 将 2 个输入框放在一起，但它们仍然在彼此之上并向左抛锚。有人可以帮忙吗？

            <div class="row">
            <div class="center-block col-md-12" style="float: left; display: inline">
                <button type="button" class="btn btn-primary register">
                    <span>
                        <div class="input-group">
                            <input type="Email" class="form-control" placeholder="Email" aria-describedby="basic-addon1">
                        </div>
                        <div class="input-group">
                            <input type="Password" class="form-control" placeholder="Password" aria-describedby="basic-addon1">
                        </div>
                    </span>
                </button>
            </div>

Answer 1

这就是我认为你正在尝试做的事情：

<div class=".container-fluid">
    <div class="row panel panel-default panel-heading">
        <div class="col-md-offset-3 col-md-4">
            <div class="input-group">
                <input type="Email" class="form-control" placeholder="Email" 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>
</div>

Here is the JSFiddle demo

请注意，您在 button 中设置了两个文本框，这是错误的

此外，屏幕尺寸也很重要，因为如果屏幕尺寸变小，控件会相互堆叠。

使用 center-block 和 span 将两个输入框居中

Centring two input boxes using center-block and span

html

center

twitter-bootstrap-3