如何在Bootstrap井内左对齐表单

时间:2014-11-10 03:29:06

标签: html css forms twitter-bootstrap

下面是我的整个容器的代码,其中包含一行" span5 well"和" span6"。

如果我将第2个a" span7",虽然它们确实加起来为12,但是WELL会导致第2个跨度转移到下一行。即使在桌面分辨率。表单只有一些输入,我没有使用文本字段标签,我使用占位符占用更少的空间。这个问题有几个部分。

如何在井内对齐表格?现在它想要走向正确,并且还要稍微悬挂井。

我是否应该使用" well"拿着表格,或者我应该在" span5"周围放一个边框。并使背景颜色变为灰色,类似于" well"背景?

这是代码

<div class="container">
    <div class="row">
        <div class="span5 well" style="border-radius:10px">
            <h3 style="text-align:center">Let us know how we can help</h3>
            <hr>
            <div><%= render "customers/form"%></div>
        </div>
        <div class="span6">
            <div>
                <%= image_tag 'Sprinkler2.png' %>
            </div>
        </div>
    </div>
</div>

0 个答案:

没有答案