Dribbble.js重寫Twitter Bootstrap CSS

Question

我試圖添加dribbble拍攝使用bootstrap的網站。當我將ID添加到列表元素時，元素將失去它的所有樣式。

我使用dribbble.js這裏找到：https://github.com/tmdvs/Dribbble.js

我的JS是：

<script src="scripts/dribbble.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    getShotsForID('tim', 'shots', 15); 
</script> 

的HTML：

<div class="row-fluid"> 
    <ul class="thumbnails"> 
     <li class="span3" id='shots'></li> 
    </ul> 
</div> 

通常情況下，HTML是：

<div class="row-fluid"> 
    <ul class="thumbnails"> 
     <li class="span3"> 
      <img src="images.png" class="img-polaroid" image alt="image" /> 
     </li> 
     <li class="span3"> 
      <img src="images.png" class="img-polaroid" image alt="image" /> 
     </li> 
     <li class="span3"> 
      <img src="images.png" class="img-polaroid" image alt="image" /> 
     </li> 
     <li class="span3"> 
      <img src="images.png" class="img-polaroid" image alt="image" /> 
     </li> 
    </ul> 
</div> 

Answer 1

如果你c赫克在這裏，https://github.com/tmdvs/Dribbble.js/blob/master/style.css，

，你會看到，CSS是基於身份和確實會覆蓋大量的從引導的CSS，因爲#ids比.classes

更高specificity價值，我將重構提供的css通過dribblejs並刪除任何不必要的樣式