css - Bootstrap btn-group 未对齐

Question

我在使用以下代码时遇到问题；

    <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>

缩略图描述中的按钮是这样的；

我遇到的主要问题是，这些只是有时出现故障。不总是。

它在 JSFiddle 中工作正常，但无论如何它在这里； http://jsfiddle.net/NsKYH/1/

Answer 1

将 white-space:nowrap 定义为 .btn-group DIV 可能会更好。像这样写:

.btn-group{
  white-space:nowrap;
 }    
button{
 white-space:normal;
}