什么CSS属性导致此表单输入元素

Question

我正在尝试在bootstrap中创建一个类似于此处描述的表单：https://demo.yubico.com/u2f?tab=register

在注册U2F设备的下方，有三个可见的input元素。

 <input type="text" name="username" placeholder="Username" autofocus="autofocus" />
 <input type="password" name="password" placeholder="Password" />
 <br />
 <input type="submit" class="btn btn-success" value="Next" />

当您查看表单时，用户名和密码元素位于完全独立的行上，一行在另一行之下。我没有看到任何Bootstrap或自定义CSS来指示这是在任何地方明确发生的。如果您逐字复制HTML并包含Bootstrap，则元素会并排显示。

是否有一些CSS我忽略了导致表单中输入元素之间的换行？

Answer 1

包含的形式不够宽，不足以适合一行

Answer 2

这些元素的WRAPPER导致：如果你扩大宽度 - 它会并排显示它们