我想使用react-bootstrap在reactjs中实现像netflix一样的水平滚动。

npm install react react-dom
npm install react-bootstrap bootstrap

import React from 'react';
import { Container, Row, Col } from 'react-bootstrap';

const HorizontalScroll = () => {
  return (
    <Container fluid>
      <Row className="flex-nowrap overflow-auto">
        <Col xs={2}>Item 1</Col>
        <Col xs={2}>Item 2</Col>
        <Col xs={2}>Item 3</Col>
        <Col xs={2}>Item 4</Col>
        <Col xs={2}>Item 5</Col>
        <Col xs={2}>Item 6</Col>
        <Col xs={2}>Item 7</Col>
        <Col xs={2}>Item 8</Col>
        <Col xs={2}>Item 9</Col>
        <Col xs={2}>Item 10</Col>
      </Row>
    </Container>
  );
};

export default HorizontalScroll;

import React from 'react';
import HorizontalScroll from './HorizontalScroll';

const App = () => {
  return (
    <div>
      <h1>Netflix-like Horizontal Scroll</h1>
      <HorizontalScroll />
    </div>
  );
};

export default App;