如何在react-bootstrap中实现溢出隐藏？

.overflow-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

import React from 'react';
import { Container } from 'react-bootstrap';
import './styles.css';

const MyComponent = () => {
  return (
    <Container>
      <div className="overflow-hidden">
        {/* 这里是需要溢出隐藏的内容 */}
      </div>
    </Container>
  );
};

export default MyComponent;