search

minddust / bootstrap-progressbar

progressbar interactions for twitter bootstrap 2 & 3
www.minddust.com/project/bootstrap-progressbar
MIT License
577 stars 160 forks source link

Vertical bars seem quite fickle... Let's jail-break them. #24

Closed ReworkedScripts closed 10 years ago

ReworkedScripts commented 10 years ago

I'm coding your library into my site, but when I try to use the vertical bars in any div (Even without a class or id and the div is the first element in the body tag) the vertical bar fails to show. It does show on my site when the vertical bar code (mind you I'm copying and pasting this from the demo site) is directly in the body tag.

I've looked at your site a bit to discover what's going on, but I haven't quite figured it out yet. PHP is my strong suit, not CSS, but I know my way around it fairly well. From what I can gather from other elements that seem to have disappeared from the site while programming, it's usually a positioning error. Hopefully you can tell us what's going on with all of that so everyone who has this issue can fix it.

Thanks again for the cool plugin!

ReworkedScripts commented 10 years ago

I just realized I should have cited some code to aid in figuring all of this out. =P The exact code I'm testing all of this with is here: http://minddust.github.io/bootstrap-progressbar/bootstrap-3.0.0-rc2.html#v-fill-basic

I'm using Bootstrap 3.0.2 if that helps.

ReworkedScripts commented 10 years ago

Alright, so I figured out what's going on. The parent element must have a height value set. Divs by default (apparently) have a height of 0px by default. I set the parent div to have an explicit height parameter set and it worked well. I hope this helps someone else as well.