для сетки React-начальной загрузки, как вы используете bsPrefix в Col?

Question

Попадание в пробел в документации ... Мне нужно выровнять содержимое по вертикали в одном столбце столбца сетки жидкости по дну.

В документации предлагается вводить css в <Col xs={2}> с помощью bsPrefix, но не приводятся примеры синтаксиса.

Использование <Col bsPrefix={'col-cs-2 vbottom'}> фактически удаляет css ..

Кто-нибудь знает, как это использовать?

Answer 1

хорошо, документ вводил в заблуждение и был неполным .. сюрприз:)

bsPrefix должен быть связан с xs = {2} и переписал бы зелье 'col'

Что мне было нужнобыло недокументированное имя_класса

например, несколько грубое решение для выравнивания объекта снизу по столбцу было: -

добавить

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

к глобальным стилям и использовать

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

, который отображается как <div class="vbottom col-xs-2">

Answer 2

bsPrefix используется для изменения префикса, который используется в сгенерированных именах классов CSS.

<Col bsPrefix="my-col" md=4> заканчивается именами классов, такими как my-col my-col-md-4.

I 'Я думаю, что вы должны просто дать содержимому вашего Col align-self: flex-end, поскольку все это основано на flexbox.