在容器流体中，我知道如何使用任何引导程序类使该内容居中。我可以使用边距和填充，但是我不想使用它。请帮助实现这一目标。

这是App.js

import React,{ Component } from 'react';
import './App.css';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faSuitcase } from '@fortawesome/free-solid-svg-icons';


class App extends Component {
  render() {
    return (
      <div classname='container-fluid customcolor'>
        <div classname='row'>
          <div classname='icon'>
            <FontAwesomeIcon classname='suitcasestyle fa-5x' icon={faSuitcase}></FontAwesomeIcon>
          </div>
          <div classname='text'>
            <h1>Job Application</h1>
            <h3>Please complete the form below to apply for a position with us.</h3>
          </div>
        </div>
      </div>
    )
  }
}

export default App

这是App.css

.customcolor {
  background-color: red;
}