Bootstrap输入框长度不同

时间:2014-05-25 11:36:54

标签: twitter-bootstrap-3

我正在使用bootstrap构建一个表单,当使用类型作为电子邮件文本框适合div但是当我使用类型文本时它减少到div的宽度的一半可以任何人帮助我

 <div class="col-md-5">
    <legend><a>Create your account</a></legend>
    <form action="#" method="post" class="form" role="form">
        <h4>Enjoy the experience.</h4>
        <div class="row">
            <div class="col-xs-6 col-md-6">
                <input class="form-control input-lg" name="firstname" placeholder="First Name" type="text" autofocus />
            </div>
            <div class="col-xs-6 col-md-6">
                <input class="form-control input-lg" name="lastname" placeholder="Last Name" type="text" />
            </div>
        </div>
        <input class="form-control input-lg" name="CompanyName" placeholder="CompanyName" type="email" />
        <input class="form-control input-lg" name="EmpCode" placeholder="Employee Code" type="text" />
        <input class="form-control input-lg" name="youremail" placeholder="Your Email" type="email" />
        <input class="form-control input-lg" name="password" placeholder="New Password" type="password" />
        <input class="form-control input-lg" name="Mobile" placeholder="Mobile No" type="text" />

        <br />
        <span class="help-block">By clicking Sign Up, you agree to our Terms and that you have read our Data Use Policy, including our Cookie Use.</span>
        <button class="btn btn-lg btn-primary btn-block signup-btn" type="submit">
            Sign Up
        </button>
    </form>

</div>

0 个答案:

没有答案