레이아웃 - 컨테이너

    <style>
        div {
            padding: 1rem 0;
            font-size: 40px;
            color: white;
            text-align: center;
            margin-bottom: 1rem;
        }
    </style>

   <!-- CONTAINER FLUID-->
    
    <div class="container-fluid bg-secondary">.container-fluid</div>

    <!-- CONTAINER-->

    <div class="container bg-primary">.container</div>  

    <!-- CONTAINER SM-->
    
    <div class="container-sm bg-danger">.container-sm</div>

    <!-- CONTAINER MD-->

    <div class="container-md bg-info">.container-md</div>

    <!-- CONTAINER LG-->

    <div class="container-lg bg-warning">.container-lg</div>

    <!-- CONTAINER XL-->

    <div class="container-xl bg-info">.container-xl</div>

    <!-- CONTAINER XXL-->

    <div class="container-xxl bg-dark">.container-xxl</div>