javascript - 如何在 React/Bootstrap 中调整列的大小

Question

<div className={"col-7 name"}>&thinsp;</div>

当它加载到我的页面中时，该列太大了。我想让它更窄，如果可能的话，我想直接在 div 内应用一个属性。

我可以向 col-7 名称添加哪些属性，正确的方法是什么？

标签： javascripthtmlcssreactjs

Answer 1

我想你正在使用bootstrap

总列是 12，所以你可以使用col-12

例子：

1. col-81 列，col-41 列

2. col-43列

3. col-62列

您可以尝试从他们的文档中查看

https://getbootstrap.com/docs/4.4/layout/grid/