对于React-bootstrap网格，如何在Col中使用bsPrefix？

Question

文档出现空白... 我需要将网格流体列的一列中的内容垂直对齐到底部。

文档建议我可以使用bsPrefix将css注入<Col xs={2}>中，但不提供任何语法示例。

实际上，使用<Col bsPrefix={'col-cs-2 vbottom'}>剥离了CSS。

有人知道怎么使用吗？

Answer 1

bsPrefix用于修改在生成的CSS类名称中使用的前缀。

<Col bsPrefix="my-col" md=4>会以my-col my-col-md-4之类的类名结尾。

我认为您应该只可以为Col的内容提供align-self: flex-end，因为整个内容都是基于flexbox。

Answer 2

好的doco令人误解且不完整。

bsPrefix需要与xs = {2}配对，并将重新编写'col'药水

我需要的是未记录的className

例如，使对象与列底部对齐的解决方案是：-

添加

.vbottom {
    display: inline-block;
    vertical-align: bottom;
    margin-top: 320px;
  }

全球风格 并使用

<Col xs={2} className='vbottom'>

呈现为<div class="vbottom col-xs-2">