Twitter bootstrap 3 Bootstrap3:右对齐输入框旁边的标签(在django 1.5中)

Twitter bootstrap 3 Bootstrap3:右对齐输入框旁边的标签(在django 1.5中),twitter-bootstrap-3,Twitter Bootstrap 3,我希望标签在输入框旁边对齐(中间有一个空格)。但是,标签仍然是左对齐的。根据Boostrap3文档和本文,应该使用表单水平类,但结果仍然不正确 下面的django模板代码确实以两列方式生成字段,但标签是左对齐的: {{form.code | bootstrap_horizontal}} {{form.name | bootstrap_horizontal}} {{form.company | bootstrap_horizontal}} 克雷尔·马卡 我想我错过了什么。提前感谢你的帮助 编辑

我希望标签在输入框旁边对齐(中间有一个空格)。但是,标签仍然是左对齐的。根据Boostrap3文档和本文,应该使用表单水平类,但结果仍然不正确

下面的django模板代码确实以两列方式生成字段,但标签是左对齐的:


{{form.code | bootstrap_horizontal}}
{{form.name | bootstrap_horizontal}}
{{form.company | bootstrap_horizontal}}
克雷尔·马卡
我想我错过了什么。提前感谢你的帮助

编辑: 在中输出HTML。

实际输出的图像也包含在本文档中。正如您所看到的,代码和公司是左对齐的。

我认为您的文本是右对齐的,但由于网格类的嵌套,效果不明显

尝试以下方法:


代码
名称
单位
克雷尔·马卡
当嵌套网格类(col--)时,子类将获得其父类宽度的百分比。当您在col-lg-6中嵌套col-lg-6时,其将占视口的25%50%

如果您想在左浮点的情况下相邻输入(您的col--类添加此浮点),则它们不能位于不同的输入组中。组中的
.from有一个clearfix,可以撤消左侧浮动。因此,请尝试以下方法:


单位
公司2

能否添加html结果而不是模板?在fiddle或bootply Maybebbass中,编辑问题并包含生成的html和图像。希望这有帮助。谢谢