Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何调整React/Bootstrap中列的大小  _Javascript_Html_Css_Reactjs - Fatal编程技术网

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

Javascript 如何调整React/Bootstrap中列的大小  ,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,当这个加载到我的页面时,列太大了。我想使它更窄,如果可能的话,我想直接在div内部应用一个属性 我可以向col-7 name添加哪些属性?正确的方法是什么?Bootstrap的网格系统每行使用12列。您可以使用语法className='col-*'指定列宽 只需将*更改为您想要的12列中的列数。例如,具有className='col-6'的div将是具有className='col-12'的div的一半宽度,Bootstrap的网格系统每行使用12列。您可以使用语法className='col-

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


我可以向col-7 name添加哪些属性?正确的方法是什么?

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


只需将
*
更改为您想要的12列中的列数。例如,具有
className='col-6'
的div将是具有
className='col-12'
的div的一半宽度,Bootstrap的网格系统每行使用12列。您可以使用语法
className='col-*'
指定列宽


只需将
*
更改为您想要的12列中的列数。例如,带有
className='col-6'
的div将是带有
className='col-12'
的div宽度的一半,我认为您使用的是
引导

总计列为12,因此您可以使用
col-12

例如:

  • col-8
    用于1列,
    col-4
    用于1列

  • col-4
    用于3列

  • col-6
    用于两列

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


    我认为您使用的是
    引导

    总计列为12,因此您可以使用
    col-12

    例如:

  • col-8
    用于1列,
    col-4
    用于1列

  • col-4
    用于3列

  • col-6
    用于两列

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


    这是否回答了您的问题?这回答了你的问题吗?
    <div className={"col-7 name"}>&thinsp;</div>