1つのプロジェクトでのブートストラップとFlexboxの使用

Question

私はReactに基づいてフロントエンドプロジェクトを進めています。一つのプロジェクトでBootstrap 3とFlexboxの使用法を組み合わせる可能性があるのだろうかと思っていたのですが、Bootstrapコンポーネント（反応ブートストラップパッケージを使用）とFlexboxのレイアウト機能私が以前に試したように、ブートストラップと一緒に使用されるとき。一緒に働かせる方法はありますか？

Answer 1

いくつかは、ブートストラップクラス名と競合row、col-*のような一般的なクラス名を、持っています。

あなたは、もちろんhttp://bulma.io/

これを試すことができ、それはグリッドよりもを提供していますが、あなただけのを試してみることができます。

ありがとうございます！

Answer 2

Apparantlyあなたの祈りは既に回答されている...フレックスCSSフレームワークの flexbox in Bootstrap

Answer 3

.flex-row { 
    display: flex; 
    flex-wrap: wrap; 
} 
.flex-row > [class*='col-'] { 
    display: flex; 
    flex-direction: column; 
} 
.flex-row.row:after, 
.flex-row.row:before { 
    display: flex; 
} 

これが反応-ブートストラップで動作します：

<Row className="show-grid row-no-padding flex-row">