Javascript 使用引导模式对齐ng重复元素
我有一个使用twitter引导的模式窗口,我需要对齐选项卡中的某些元素,我已经按照文档进行了一些更改,这很有帮助。有没有引导专家可以帮我做这件事?这是我的问题 Html:Javascript 使用引导模式对齐ng重复元素,javascript,html,css,angularjs,twitter-bootstrap,Javascript,Html,Css,Angularjs,Twitter Bootstrap,我有一个使用twitter引导的模式窗口,我需要对齐选项卡中的某些元素,我已经按照文档进行了一些更改,这很有帮助。有没有引导专家可以帮我做这件事?这是我的问题 Html: <tab heading="Series"> <div class="form-group"> <div class="col-md-6">
<tab heading="Series">
<div class="form-group">
<div class="col-md-6">
<div class="form-group row" ng-repeat="ser in chartSeries">
<ul class="liInline">
<li class="row-fluid">Title <input ng-model="ser.name"></li>
<li class="row-fluid">Type <select ng-model="ser.type" ng-options="t.id as t.title for t in chartTypes"></select></li>
<li class="row-fluid">Color <input ng-model="ser.color"></li>
<li class="row-fluid">Width <input ng-model="ser.lineWidth"></li>
<li class="row-fluid">Dash Style <select ng-model="ser.dashStyle" ng-options="ds.id as ds.title for ds in dashStyles"></select></li>
<li class="row-fluid"><label><input type="checkbox" ng-model="ser.connectNulls"> interpolate</label></li>
<li class="row-fluid"><button ng-click="removeSeries($index)">Delete</button></li>
</ul>
</div>
</div>
</div>
</tab>
标题
- 类型
- 颜色
宽度
仪表板样式
- 插值
删除
输出:
<tab heading="Series">
<div class="form-group">
<div class="col-md-6">
<div class="form-group row" ng-repeat="ser in chartSeries">
<ul class="liInline">
<li class="row-fluid">Title <input ng-model="ser.name"></li>
<li class="row-fluid">Type <select ng-model="ser.type" ng-options="t.id as t.title for t in chartTypes"></select></li>
<li class="row-fluid">Color <input ng-model="ser.color"></li>
<li class="row-fluid">Width <input ng-model="ser.lineWidth"></li>
<li class="row-fluid">Dash Style <select ng-model="ser.dashStyle" ng-options="ds.id as ds.title for ds in dashStyles"></select></li>
<li class="row-fluid"><label><input type="checkbox" ng-model="ser.connectNulls"> interpolate</label></li>
<li class="row-fluid"><button ng-click="removeSeries($index)">Delete</button></li>
</ul>
</div>
</div>
</div>
</tab>
不确定这是否是您需要的,但是 这节课
class="form-group row"
例如,添加1280px左右的宽度
而且
<li class="row-fluid">
向左添加一个浮动
上面提到的一部分为什么要使用LI元素,没有不匹配的标签和类。只需查看有关引导的文档,然后按照此操作,下面是一个示例->@adeneo谢谢您的示例。@adeneo您能提供一个符合我要求的示例吗?我对Angular和Bootstrap都不是很在行,因此我可能需要比您更长的时间来理解。