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

Question

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

Answer 1

Twitter 的 Bootstrap 网格系统有许多适合您要求的类，例如“col-lg-** col-md-** col-sm-** col-xs-**”。看看这个：

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

为了确保元素堆叠到相同的行和列中，请为所有元素分配一个具有固定高度的类：

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

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

http://handlebarsjs.com/