Bootstrap元素在表单上显示不正确

时间:2014-02-24 21:24:50

标签: forms twitter-bootstrap grid

我是Twitter Bootstrap框架的新手,但我已经做了一些东西并且工作正常,但我无法意识到我正在做的这种新形式有什么问题。请帮帮我这个:

<%--REGISTER FORM--%>
    <form id="formCadastro" role="form" action="">
    <div class="row" id="faixaCentral">
        <div class="col-xs-4 col-centered" id="colunaFormulario">
            <div class="well">
                <div class="form-horizonal" role="form">
                    <fieldset>
                        <legend>Cadastro</legend>
                        <%--/*COUNTRY SELECTION AND DOCUMENT/*--%>
                        <div class="row">
                            <div class="form-group">
                                <div class="col-xs-6">
                                    <span class="help-block">Selecione seu país: </span>
                                    <select class="form-control" style="width: 190px">
                                        <option>Brasil</option>
                                        <option>Argentina</option>
                                        <option>Paraguay</option>
                                        <option>Outro</option>
                                    </select>
                                </div>
                                <div class="col-xs-6">
                                    <span class="help-block">Número do Documento: </span>
                                    <div class="col-lg-12">
                                        <input type="text" class="form-control" id="inputDocument" placeholder="CPF" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <%--/*EMAIL SELECTION/*--%>
                        <div class="form-group">
                            <label for="inputEmailLogin" class="col-lg-2 control-label">
                                Email</label>
                            <div class="col-lg-10">
                                <input type="email" class="form-control" id="inputEmailLogin" placeholder="Email" />
                            </div>
                        </div>
                    </fieldset>
                </div>
            </div>
        </div>
    </div>
    </form>

结果:

enter image description here

据我所知,表单组应该作为行工作,但看起来电子邮件表单组不会创建新行。我已经尝试过添加行,但它也没有用。

0 个答案:

没有答案