React Bootstrap 最佳实践

Question

我在我的应用中使用 React bootstrap。我想知道创建网格的最佳做法是什么。 react-bootstrap 文档要求

<Col xs={12} md={8} />

但这意味着我需要在每个组件中导入 Grid 和 Row。

我一直在写

<row>
  <div className ="col-md-12">

这是错误的处理方式吗？

Answer 1

使用<div className ="col-md-12">违反了封装，它将网格列的内部实现暴露给外部。并且可能导致维护问题。例如，如果在下一个 Bootstrap 版本中网格发生某种变化，你应该找到所有 <div className ="col-md-12"> 并手动替换它们，如果是 <Col xs={12} md={8} /> 你应该做的就是更新库。

Answer 2

要在你的js文件中引用库，这里是例子getting started

例如，如果您使用 commonjs：

var Col = require('react-bootstrap').Col;

React Bootstrap 最佳实践

React Bootstrap Best Practices

twitter-bootstrap

reactjs

react-bootstrap