reactjs - 在一个项目中使用 Bootstrap 和 Flexbox

Question

我正在开发一个基于React的前端项目。我只是想知道是否有可能在一个项目中结合使用 Bootstrap 3 和 Flexbox，因为我想利用 Bootstrap 组件(使用 React-bootstrap 包)的便利性和 Flexbox 的布局功能，这会被破坏当我之前尝试过与 bootstrap 一起使用时。有什么办法可以让他们一起工作吗？

Answer 1

.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;
}

这适用于 React-Bootstrap:

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