腳本標籤會影響引導

Question

我用引導我Emberjs應用複選框內嵌樣式...我遍歷數組畫我的複選框......但我的腳本標記影響直列複選框...

之間的間距

<div class="row-fluid"> 
    <script id="metamorph-933-start" type="text/x-placeholder"></script>  
     <label class="checkbox inline">  
     <input id="ember4029" class="ember-view ember-checkbox" type="checkbox">   
     Firstchance 
     </label>  
    <script id="metamorph-933-end" type="text/x-placeholder"></script><script id="metamorph-934-start" type="text/x-placeholder"></script>  
     <label class="checkbox inline">  
     <input id="ember4030" class="ember-view ember-checkbox" type="checkbox">   
     secondchance   
     </label>  
    <script id="metamorph-934-end" type="text/x-placeholder"></script><script id="metamorph-935-start" type="text/x-placeholder"></script>  
     <label class="checkbox inline">  
     <input id="ember4031" class="ember-view ember-checkbox" type="checkbox">   
     thirdchance  
     </label>  
    <script id="metamorph-935-end" type="text/x-placeholder"></script><script id="metamorph-936-start" type="text/x-placeholder"></script>  
     <label class="checkbox inline">  
     <input id="ember4032" class="ember-view ember-checkbox" type="checkbox">   
     finalchance  
     </label>  
    <script id="metamorph-936-end" type="text/x-placeholder"></script><script id="metamorph-937-end" type="text/x-placeholder"></script> 


    </div> 

這裏是小提琴，其中間距是不妥當的，

http://jsfiddle.net/4XZMb/1249/

，這裏是適當的間隔小提琴，沒​​有任何腳本標記

http://jsfiddle.net/4XZMb/1248/

我的問題是，如何在腳本標籤會影響我的風格... ???

，我怎麼能在這裏得到適當的間距，不添加任何額外的風格...？

Answer 1

「適當間隔」版本有<label class="checkbox inline">標籤下面的其他<label class="checkbox inline">標籤。這些標籤由引導程序的以下CSS設計：

.checkbox.inline + .checkbox.inline { 
margin-left: 10px; 
} 

帶腳本標籤的版本的標籤標籤周圍插入了腳本標籤。這可以防止標籤標記從上面的選擇匹配，和他們失去了左邊距。一個簡單的解決方法是將自己的類添加到您自己的CSS中，例如

.fluid-row-checkbox { 
margin-left: 10px; 
} 

，然後將該類添加到您的第二，第三和第四標籤：

<label class="checkbox inline fluid-row-checkbox">

還有其他的，解決這個可能是更好的方法，但是這是最簡單的。