使用Webpack响应引导和/或引导

我很难理解如何在React和Webpack构建中使用引导。我想使用Bootstrap的网格布局和各种功能（react Bootstrap似乎提供了Bootstrap的所有功能？）

例如，我用普通引导方法以及react引导的组件尝试了以下方法，但它们似乎不起作用。另外，您建议如何使用css重置来规范化所有内容？提前感谢您的帮助

  import React from 'react';
  import mui from 'material-ui';
  import style from './style.scss';
  import Navigation from './Navigation';
  import { Grid, Row, Col } from 'react-bootstrap';

  class App extends React.Component {
    constructor(props) {
      super(props);
    }

    render() {
      return (
        /* normal bootstrap -- doesn't work */
        <div className="container">

          /* react-bootstrap which also doesn't work */
          <Grid>
            <Row className="show-grid">
              <Col md={6} mdPush={6}><code>&lt;{'Col md={6} mdPush={6}'} /&gt;</code></Col>
              <Col md={6} mdPull={6}><code>&lt;{'Col md={6} mdPull={6}'} /&gt;</code></Col>
            </Row>
          </Grid>

          <Navigation />
        </div>
      );
    }
  }

  export default App;

---

这就是我目前在启动时导入react引导css的方式

在app.js中（您可以在其中调用ReactDOM.render）：

sanitize做的和normaliser一样，但显然更好

// Import the CSS reset, which HtmlWebpackPlugin transfers to the build folder
import 'sanitize.css/lib/sanitize.css';
import '!!style-loader!css-loader!./vendor/bootstrap/css/bootstrap.min.css';