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

【问题标题】：How do I adjust the size of a column in React/Bootstrap如何在 React/Bootstrap 中调整列的大小
【发布时间】：2020-07-01 03:24:44
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

Bootstrap 的网格系统每行使用 12 列。使用语法className='col-*' 指定列宽。

只需将 * 更改为您想要的 12 列数。例如，className='col-6' 的 div 将是className='col-12' 的 div 宽度的一半。

【讨论】：

【解决方案2】：

我认为你正在使用bootstrap

共有12列，所以你可以使用col-12

示例：

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

【讨论】：