gpt4 book ai didi

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

转载 作者:搜寻专家 更新时间:2023-11-01 04:23:32 25 4
gpt4 key购买 nike

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

最佳答案

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/

关于javascript - 如何使用 bootstrap 网格系统和 React Js 显示多个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34577347/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com