Twitter Bootstrap - 创建独立的磁贴

时间:2013-04-13 15:35:50

标签: javascript css html5 twitter-bootstrap tile

好吧,这对我来说是一个越来越大的挑战。我试图在屏幕上创建一个流体大小的瓷砖流畅的布局。我在桌面上思考,手机/平板电脑每行4块,每行1块。

虽然它们不存在于流体行中,但非常重要,因为每个图块都会有一个下拉动画,我试图避免向下移动整行。

现在你可以使用

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span3">1</div>
    <div class="span3">2</div>
    <div class="span3">3</div>
    <div class="span3">4</div>
  </div>
</div>

这很棒,显示4个瓷砖,效果非常好。我的问题是,如果我只是将流体行放在下面,那么看起来很棒,直到我点击它时将下拉动画添加到一个图块。如果其中一个瓷砖的高度不同,则将整个行向下推以使彼此保持均匀。我希望我有意义。

我希望每个“span3”项目彼此独立并且相互独立。

0 个答案:

没有答案