Hey,
I’m having some Bootstrap style issues on my site. Right now I’m working on a live server, in my sandbox sub domain, so you can see the problem first hand. I’ve got two columns set up inside a row. One 9 and one 3. The 3 row is the right column in page content. I’ve got a couple of divs in that column for holding labels made out of span and inner a elements. The problem is the labels go out the side of the div, and in one stack on top of each other. I’m not sure how to fix this.
http://sandbox36933753.frontpageads.ca/index.php?xtoken=cc841a51cb74f9ceb735d91ff2ebc1cf
Please check html via view source if needed. I can’t format it here right 
My css
.pull{
border:1px solid lightgrey;
padding:1em;
}
div.pull:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
}
.pull-header{
font-size:1em;
text-align:center;
}
.right{
margin-top:2.8em !important;
float:right;
width:100%;
}
.right-header{
font-size:1em;
text-align:center;
}
.popular-tag{
margin-bottom:4em;
margin-right:5px;
}
.popular-tag a {
color:white !important;
}