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并删除任何不必要的样式