以引導格式獲取文本以對齊

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> 

希望這有助於