jackwilsdon Posted June 3, 2012 Share Posted June 3, 2012 (edited) I'm having a problem with the following code; <li class="span4"> <div class="thumbnail"> <img src="" alt="" /> <div class="caption"> <h3>Title</h3> <div class="clearfix"> <div class="pull-right"> <div class="btn-group"> <button class="btn btn-success"><i class="icon-thumbs-up"></i></button> <button class="btn btn-danger"><i class="icon-thumbs-down"></i></button> <button class="btn btn-warning"><i class="icon-star-empty"></i></button> </div> </div> </div> </div> </div> </li>The problem is, the buttons look like this; Also, this only appears sometimes, so I cannot easily track it down. Here's a link to where it is hosted; [link] I can reproduce the problem in Chrome, but not in Firefox. What do you think the problem is? Thanks - jack Edited December 24, 2015 by requinix removing malicious link Quote Link to comment https://forums.phpfreaks.com/topic/263602-bootstrap-btn-group-broken/ Share on other sites More sharing options...
noober Posted June 5, 2012 Share Posted June 5, 2012 It works in Chrome and IE7-9 for me, but you usually see something like this when the container doesn't have enough width set. I don't think that's your problem, but they are obviously not floating correctly. Quote Link to comment https://forums.phpfreaks.com/topic/263602-bootstrap-btn-group-broken/#findComment-1351421 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.