Javascript 使用引导模式对齐ng重复元素

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">

我有一个使用twitter引导的模式窗口,我需要对齐选项卡中的某些元素,我已经按照文档进行了一些更改,这很有帮助。有没有引导专家可以帮我做这件事?这是我的问题

Html:

<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都不是很在行,因此我可能需要比您更长的时间来理解。