Got an annoying problem, im trying to make a tube layout using bootstrap, so far so gooed, header navbar all weent well, even a carrousel and advert next to it no fucking problem. Until i hit the thumbnails :D
To clarify, i made a screenshot of whats going on:
Now the code i use for the first thumbnail (the one that works):
Code:
<li class="span2">
<div class="thumbnail">
<a href="#">
<img src="tn.jpg" alt="">
</a>
<h6>Tanner sucks hard cock</h6>
<span>See tanner mayes suck her boyfriends cock dry</span>
<hr>
<div class="thumbinfo1">250.345</div>
<div class="thumbinfo2">25:00</div>
<div class="thumbinfo1"><img src="5-stars.png"></div>
<div class="thumbinfo2">2 days ago</div>
<hr>
<center>...</center>
</div>
</li>
It works cause of the added three dots on the bottom, also the second hr doesnt show up, annoying!
then the second thumb i use the following code:
Code:
<li class="span2">
<div class="thumbnail">
<a href="#">
<img src="tn.jpg" alt="">
</a>
<h6>Tanner sucks hard cock</h6>
<span>See tanner mayes suck her boyfriends cock dry</span>
<hr>
<div class="thumbinfo1">250.345</div>
<div class="thumbinfo2">25:00</div>
<div class="thumbinfo1"><img src="5-stars.png"></div>
<div class="thumbinfo2">2 days ago</div>
<hr>
</div>
</li>
Now this one screws up big time as yall can see (border surrounding the entire cell is now only around the thumb cell).
So how to bloody fix this so it normally wraps around the entire cell and not just the thumbnail?
tia,
Ed