css - 如何使用 react-bootstrap 增加每行的卡片数量零件？
问题描述
我正在为如何格式化 React-Bootstraps<CardColumns>组件而苦苦挣扎。
看来无论我的卡片大小如何，它们只会每行放 3 个，但我试图每行放 4/5 个。我只是使用没有额外 CSS 的基本组件。我怎样才能强迫它在那里放更多的卡？
<CardColumns style={{padding:20}}>
{featuredData1.map(function(featuredListing, i){
return <ListingCard key={i} listingData={featuredListing}/>
})}
该<Listing Card>组件只是我自己使用该<card>组件。
另外 - 当我修改要显示的卡片数量时，它不是 3 的偶数倍，它只在最后两行放 2，而不是在一行上放 3，在另一行放 1？我如何强制它执行 3+1 而不是 2+2？我正在尝试创建一个产品列表页面。这就是我所说的
