html - Bootstrap - 连接 3 种输入类型

Question

我希望有人能帮助我。目前它看起来像这样:http://www.jsfiddle.net/LhYMW/

但我希望这 3 种输入类型(1x 文本，2x 密码)像前两种输入类型一样“连接”在一起。我该怎么做？

HTML:

<form class="form-signin" role="form" method="POST">
        <h2 class="form-signin-heading">Registrieren</h2>
        <input type="text" name="username" class="form-control test" placeholder="Username" required/>
        <input type="password"  name="password" class="form-control" placeholder="Passwort" required/>
        <input type="password"  name="password1" class="form-control" placeholder="Passwort wiederholen" required/>
        <button class="btn btn-lg btn-primary btn-block" type="submit" name="registersubmit" value="Login">Einloggen</button>
</form>

Answer 1

我在您的 HTML 中添加了一个额外的类 .first

<input type="password"  name="password" class="form-control first" placeholder="Passwort" required/>

不仅仅是添加这个 CSS:

.form-signin input[type="password"].first {
    margin-bottom: 0;
    border-radius: 0;
}

这是一个有效的 FIDDLE