簡體   English   中英

使用引導模態對齊ng-repeat元素

[英]Alignment of ng-repeat elements using bootstrap modal

我有一個使用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>

輸出:

在此處輸入圖片說明

不知道這是否是您需要的,但是

對於這個班

class="form-group row"

例如添加一個寬度為1280px左右

並在

<li class="row-fluid">

向左添加浮點數

上面的http://jsfiddle.net/Lgxzzrfy/1/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM