Twitter bootstrap 获取引导表单中要对齐的文本
如何使客户代码和名称与地址输入一样对齐 是否有某种容器可以将原始文本放入其中Twitter bootstrap 获取引导表单中要对齐的文本,twitter-bootstrap,Twitter Bootstrap,如何使客户代码和名称与地址输入一样对齐 是否有某种容器可以将原始文本放入其中 代码 {{vm.customer.code} 名称 {{vm.customer.name} 地址1 地址2 您正在调用变量,这些变量应该在项目范围中定义 比如说 <script> var vm = { customer = { code: 123 } } </script> var vm={ 客户={ 代码:123 } } 在html之前的某个地方,或者在项目中单独的.
代码
{{vm.customer.code}
名称
{{vm.customer.name}
地址1
地址2
您正在调用变量,这些变量应该在项目范围中定义
比如说
<script>
var vm = {
customer = {
code: 123
}
}
</script>
var vm={
客户={
代码:123
}
}
在html之前的某个地方,或者在项目中单独的.js文件中定义这些变量,并将其导入到.html模板中,例如:
<script src="mydata.js" />
我假设你正在使用车把,所以你可能想阅读他们的快速教程,这真的很有帮助 这是因为
控件标签
类将文本对齐:右
属性应用于文本
有很多方法可以解决这个问题。我将列举一些:
控件标签
,默认情况下,该标签将把所有文本都向左移动,并且看起来是相等对齐的控件标签
类保留在左侧,并覆盖文本对齐
属性控件标签将标签分成1+1列,而不是2列。这就是它的外观
名称
{{vm.customer.name}
希望这有助于回答我自己的问题,我发现我正在寻找的容器是一个带有类form control static的p
这使得表单中的静态文本与标签和输入完全一致,就像我所寻找的一样。我在询问引导表单和文本对齐。AngularJS代码很好。
<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>