ブートストラップを使用する Web サイトにドリブル ショットを追加しようとしています。リスト要素に 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>