【问题标题】: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 名称添加哪些属性?正确的方法是什么?

【问题讨论】:

标签: javascript html css reactjs


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

    我认为你正在使用bootstrap

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

    示例:

    1. col-8 1 列,col-4 1 列

    2. col-4 3 列

    3. col-6 2 列

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

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

    【讨论】:

      猜你喜欢
      • 2021-09-26
      • 1970-01-01
      • 2016-04-28
      • 2020-07-09
      • 2017-11-08
      • 2014-07-10
      • 2020-09-22
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多