Css 调整浏览器窗口大小时标签浮动在输入旁边

我正在尝试创建一个静态注册表表单。不幸的是，当浏览器窗口最大化时，输入旁边的标签保持向左浮动。我希望整个盒子在调整大小时保持不变。应该是这样的

我正在使用而不是正常的引导。有人知道这个问题的解决方法吗

我的代码

HTML

---

这是我的示例，您可以自己试验我的代码。

您应该将标签放在包含输入字段的div中。因此，与此相反：

<label class="col-lg-2 control-label" for="inputName">Firstname</label>
<div class="col-lg-10">
    <input id="inputName" class="form-control" type="text" placeholder="">
</div>

Firstname

您的HTML应该如下所示：

<div class="col-lg-10">
    <label class="control-label" for="inputName">Firstname</label>
    <input id="inputName" class="form-control" type="text" placeholder="">
</div>

名字

---

这是小提琴。

你的意思是，在同一条线上？与其保持在同一条线上，不如像上图所示@我不确定这个问题对我来说是否清楚，因为这是它在小提琴中的作用！您需要调整JSFIDLE窗口的大小才能看到效果@罗穆莱尔迪做到了，这正是你展示的屏幕。您的意思是希望

.registerbox

具有最大宽度而不是宽度吗？

<label class="col-lg-2 control-label" for="inputName">Firstname</label>
<div class="col-lg-10">
    <input id="inputName" class="form-control" type="text" placeholder="">
</div>

<div class="col-lg-10">
    <label class="control-label" for="inputName">Firstname</label>
    <input id="inputName" class="form-control" type="text" placeholder="">
</div>