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内设置了两个文本框，这是错误的

此外，屏幕尺寸很重要，因为如果屏幕尺寸减小，控件会叠加在一起。

使用中心块和跨度对中两个输入框

1 个答案: