是否有任何库可以实现灵活的网格视图?

时间:2013-07-12 07:48:35

标签: javascript jquery jsp grid

其实我不知道恰当的词。 我的意思是这种可视化,灵活的图像宽度和高度比例。 (http://www.eecs.mit.edu/people/faculty-advisors

你们可以帮我实现这个观点吗? 我想展示一些像这样的图像。

  

是否有一些库或示例代码?   这是用jQuery实现的吗?

提前致谢。

1 个答案:

答案 0 :(得分:0)

有两种主要方法可以攻击它。一个是bootstrap的响应式CSS。请参阅此小提琴演示:http://jsfiddle.net/tylergreen/9v296/

<link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<div class="container">
    <div class="row">
        <div id="grid" class="span9">
            <div class="span3">
                <img class="img-polaroid" src="http://example.com/image1.jpg" alt=""/>
            </div>
            <div class="span3">
                <img class="img-polaroid" src="http://example.com/image2.jpg" alt=""/>
            </div>
            etc...
         </div>
    </div>
</div>

另一种方法是使用jQuery“动态网格”插件,如Masonry