使用引导css/css/html对齐输入字段

我想指出以下几点：

<div class="span5">
                    <div class="">
                        <span class="label">Label1</span>
                        <input type="text" class="input-medium" placeholder="0">
                    </div>
                    <div class="">   
                        <span class="label">Label2</span>
                        <input type="text" class="input-medium" placeholder="0" >
                    </div>
                    <div class="">   
                        <label class="checkbox inline">
                        <input type="checkbox"><span>Something</span>
                        </label> 
                        <input type="text" class="input-medium" placeholder="0">
                    </div>       
                    <div class="">     
                        <span class="label">Label4</span>  
                        <input type="text" class="input-medium" placeholder="0">
                    </div>
                    <div class="">
                        <span class="label label-inverse">Label5</span>
                        <input type="text" class="input-medium" placeholder="0">  
                    </div>
                </div>

标签1
标签2
某物
标签4
标签5

这是小提琴：

---

我试了一下，但没用。我不知道如何将文本框对齐

为

.label

元素使用设置的宽度。理想情况下，布局应该保持一致，也可以对所有文本使用标签，但设置宽度+

display:inline block

将起作用。当然，您可以根据需要更改宽度

---

为

.label

元素使用设置的宽度。理想情况下，布局应该保持一致，也可以对所有文本使用标签，但设置宽度+

display:inline block

将起作用。当然，您可以根据需要更改宽度

---

您还可以使用twitter引导

表单水平

css类及其子组件类来满足您的需求。我对代码的样式做了一些修改，但您可以从下面的参考中完全实现您想要的（请参见下面链接中的水平形式）

参考：

---

演示：

您还可以使用twitter引导

表单水平

css类及其子组件类来满足您的需求。我对代码的样式做了一些修改，但您可以从下面的参考中完全实现您想要的（请参见下面链接中的水平形式）

参考：

---

演示：

这会将标签向右对齐，但我相当确定他希望标签向左对齐是的，它会将标签向右对齐。但我并不担心他的标签会左右对齐。我刚刚给了他一个想法，使用已经构建的引导css类来实现正确的对齐。他也没有提到他是否希望他的标签左/右对齐。不过，对您的评论没有异议，我们通常都是这样做的：向左对齐这会使标签向右对齐，但我相当确定他希望标签向左对齐是的，会使标签向右对齐。但我并不担心他的标签会左右对齐。我刚刚给了他一个想法，使用已经构建的引导css类来实现正确的对齐。他也没有提到他是否希望他的标签左/右对齐。不过，对您的评论没有异议，我们通常都是这样做的：向左对齐