具有特定大小的中心输入字段

Question

我有这个模板：

http://responsivewebinc.com/premium/chandler/multi/

如果向下滚动，可以找到以下部分：

网页设计＆amp;发展

我想要的是在2个按钮上方放置一个具有合理大小的输入。只要上面的文字是大约。

我无法弄清楚如何做到这一点。我尝试了很多东西，但它不是中心，或者它太大（整页宽度）。

例如，如果我将它放在容器div之外，它具有完美的尺寸但不居中：

    <div class="row">
        <div class="col-md-6 col-sm-6">
            <form role="form">
                <!-- Form Group -->
                <div class="form-group">
                    <!-- Input -->
                    <input type="text" class="form-control input-lg" id="Enter-name" placeholder="Name">
                </div>
            </form>
        </div>
    </div>

我还尝试了很多其他的东西，但无法让它发挥作用。

Answer 1

这就是我理解你的问题所在：

您希望段落文本和按钮之间的输入（大约是段落文本的宽度）响应更改的屏幕大小并位于中心。

如果是这种情况，我只需在我的custom-styles.css文件中为该输入添加一个类，该文件使用与上面的段落文本相同的属性，以及您希望从Bootsrap使用的任何样式。

.my-input{
max-width: 700px;
margin: 0 auto;
}