我正在使用 Twitter bootstrap,并且在页面底部有 3 个缩略图,但是随着视口(viewport)缩小到 768 像素以下,它们从水平排列变为垂直排列。我怎样才能阻止它?
这是我正在使用的 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>
显示问题的 js bin。 http://jsbin.com/opezov/1/edit
最佳答案
bootstrap-responsive.css 行号 835 float:none;制造问题
.thumbnails > li {
float: none;
margin-left: 0;
}
关于html - 推特 Bootstrap 缩略图方向切换与视口(viewport),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16196687/