Html 使用视口切换twitter引导缩略图方向

我正在使用twitter引导，页面底部有3个缩略图，但是当视口缩小到768px以下时，它们会从水平线变为垂直线。我怎样才能阻止这一切

这是我正在使用的HTML

<div class="container">
<div class="row-fluid">
    <ul class="thumbnails noMargin offset5 bottomPage">
        <li>
            <a href="#" class="thumbnail"><img src="http://placehold.it/45x45"></a>
        </li>
        <li>
            <a href="#" class="thumbnail"><img src="http://placehold.it/45x45"></a>
        </li>
        <li>
            <a href="#" class="thumbnail"><img src="http://placehold.it/45x45"></a>
        </li>
</ul>
</div>
</div>

这是我添加的自定义CSS

    <style>
.noMargin > li {
    margin-bottom: 0;
    margin-left: 0;
}
body { 
    padding-top: 65px; 
}
.bottomPage{
    position: fixed;
    bottom: 5px;
}
    </style>

.noMargin>li{
页边距底部：0；
左边距：0；
}
正文{
填充顶部：65px；
}
.下页{
位置：固定；
底部：5px；
}

显示问题的js bin。

移除

<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />

如果您的页面不需要响应，请修复此问题

---

否则，请参阅Bootstap文档以防止发生响应行为（如果可能，则不确定）。

bootstrap-responsive.css第835行float:none；制造问题

.thumbnails > li {
    float: none;
    margin-left: 0;
    }

---

我越过了这条线，解决了这个问题。谢谢你找到它！