javascript – 如何使用bootstrap网格系统和React Js显示多个元素

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用bootstrap网格系统和React Js显示多个元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有以下代码,用于获取GitHub上用户的存储库列表,并使用Bootstrap的网格系统显示它们.
目的是每行显示3个回购,但我不知道如何在每3个回购后关闭行div,但目前所有这些都被放在一行中,这会溢出并扭曲顺序.
我目前的代码在下面的Jsbin链接中.
http://jsbin.com/macifezapi/edit?html,output
在此先感谢您的帮助

最佳答案
Twitter的Bootstrap网格系统有许多适合您要求的类,如’col-lg – ** col-md – ** col-sm – ** col-xs – **’.看看这个:

http://getbootstrap.com/css/#grid

要确保元素堆叠成相同的行和列,请为所有元素指定一个具有固定高度的类:

http://jsbin.com/xipijo/edit?html,js

另外,考虑使用模板将GitHub存储库呈现为html:

http://handlebarsjs.com/

原文链接:https://www.f2er.com/jquery/427754.html

猜你在找的jQuery相关文章