OK entonces. Actualmente estoy siguiendo este tutorial: https://www.freecodecamp.org/news/react-movie-app-tutorial/ . He copiado el código textualmente. He instalado bootstrap siguiendo las instrucciones de este sitio web: https://react-bootstrap.github.io/getting-started/introduction#stylesheets . Probé todas las configuraciones en todos los lugares de importación de 'bootstrap/dist/css/bootstrap.min.css', incluido el <link> . La clase Fila no funciona. Aquí está mi código...

 import 'bootstrap/dist/css/bootstrap.min.css' import './index.css' import MovieList from "./components/MovieList" const App = () => { const [movies, setMovies] = useState([]) //const [favorite, setFavorite] = useState([]) //const [searchValue, setSearchValue] = useState("") const getMovieRequest = (searchValue) => { const url = `http://www.omdbapi.com/?s=jaws&apikey=76fd1ead` fetch(url) .then(resp => resp.json()) .then(data => { if (data.Search) { setMovies(data.Search) } }) } useEffect(() => { getMovieRequest() }, []) console.log(movies) return ( <div className="container-fluid"> <div className="row"> <MovieList movies={movies} /> </div> </div> ) } export default App;

 import React from "react" /*export default function MovieList(props) { const displayMovies = props.movies.map(movie => { return ( <div> <img src={movie.Poster} alt="moive" /> </div> ) }) return( <> {displayMovies} </> ) }*/ const MovieList = (props) => { return ( <> {props.movies.map((movie, index) => ( <div> <img src={movie.Poster} alt="movie" ></img> </div> ))} </> ) } export default MovieList;

 import React, {useState} from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import 'bootstrap/dist/css/bootstrap.min.css' ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') );

¡Cualquier ayuda sería muy apreciada!