以引导格式获取文本以对齐

Question

如何获取客户代码和名称以便像地址输入一样对齐？

是否有某种容器可以放入原始文本？

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<form class="form-horizontal" name="editForm" ng-submit="editForm.$valid && vm.save()" novalidate> 
 
    <div class="form-group"> 
 
    <label class="col-md-2 control-label">Code</label> 
 
    <div class="col-md-10"> 
 
     {{vm.customer.code}} 
 
    </div> 
 
    </div> 
 
    <div class="form-group"> 
 
    <label class="col-md-2 control-label">Name</label> 
 
    <div class="col-md-10"> 
 
     {{vm.customer.name}} 
 
    </div> 
 
    </div> 
 
    <div class="form-group"> 
 
    <label class="col-md-2 control-label" for="address1">Address 1</label> 
 
    <div class="col-md-10"> 
 
     <input class="form-control" id="address1" name="address1" type="text" maxlength="50" ng-model="vm.customer.address1" /> 
 
    </div> 
 
    </div> 
 
    <div class="form-group"> 
 
    <label class="col-md-2 control-label" for="address2">Address 2</label> 
 
    <div class="col-md-10"> 
 
     <input class="form-control" id="address2" name="address2" type="text" maxlength="50" ng-model="vm.customer.address2" /> 
 
    </div> 
 
    </div> 
 
</form>

Answer 1

要回答我的问题，我发现我一直在寻找的容器与类的形式控制静电的p。

这使得表单中的静态文本与我正在寻找的标签和输入完全一致。

Answer 2

你调用变量，应在项目范围

被定义例如把

<script> 
var vm = { 
    customer = { 
    code: 123 
    } 
} 
</script> 

某处你的HTML之前，或刚定义这些变量在项目中单独的.js文件中，并将其导入到.html模板中，例如：

<script src="mydata.js" /> 

我假设你使用的是把手，所以你可能想阅读他们的快速教程，这真的很有帮助。 http://handlebarsjs.com/

Answer 3

这是因为control-label类，它将text-align: right属性应用于文本。

有很多方法来解决这个问题。我将列出几个：

1. 要么删除类control-label，这将带动所有文本左侧默认&将目光对准相等。

2. 或者您可以使用您自己的样式表将control-label类&覆盖text-align属性留下。

3. 如果您对左对齐的方法不感兴趣，或者认为两者之间的差距太大，那么最好的解决方案是稍微修改布局并删除control-label。 将标签分成1 + 1列而不是2个。这就是它的样子。

---

<div class="form-group"> 
    <div class="col-md-1"></div> 
    <label class="col-md-1 control-label">Name</label> 
    <div class="col-md-10"> 
     {{vm.customer.name}} 
    </div> 
    </div> 

希望这有助于