I'm using J51 Classic. I've tried to use some Bootstrap objects like popup and slideshow in article but there're some problems.
For example this popup code:
<div id="myModal" class="modal hide fade">
<div class="modal-header"><button class="close" type="button" data-dismiss="modal">×</button>
<h3 id="myModalLabel">Titolo finestra</h3>
</div>
<div class="modal-body"><img class="img-polaroid" src="/images/headers/walden-pond.jpg" alt="nome immagine" /></div>
<div class="modal-footer"><button class="btn" data-dismiss="modal">Chiudi</button></div>
</div>
<div class="bs-docs-example" style="padding-bottom: 24px;"><a class="btn btn-primary btn-large" href="#myModal" data-toggle="modal">Apri finestra popup</a></div>
It works fine in homepage but if I open all article doens't work
Or slideshow:
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="/images/headers/windows.jpg" alt="">
<div class="carousel-caption">
<h4>Prima immagine</h4>
<p>Descrizione prima immagine....</p>
</div>
</div>
<div class="item">
<img src="/images/headers/blue-flower.jpg" alt="">
<div class="carousel-caption">
<h4>Seconda immagine</h4>
<p>Descrizione seconda immagine...</p>
</div>
</div>
<div class="item">
<img src="/images/headers/walden-pond.jpg" alt="">
<div class="carousel-caption">
<h4>Terza immagine</h4>
<p>Descrizione terza immagine...</p>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
</div>
The same things, two different behavior if it is in home page or single article.