1 Program to make Grid layout of 1 Row Spanning 6 Column in BootStrap ~ Coding Atharva

Program:

<!DOCTYPE html>

<html>



<head>

    <!-- CSS only -->

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"

        integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">



    <style>

        .newDiv {

            margin: 5px;

            height: 200px;

            background-color: aqua;

            text-align: center;

            font-size: large;

        }

    </style>



</head>





<body>

    <div class="container">

        <div class="row">

            <div class="col-md-6">

                <div class="newDiv">

                    Left Column

                </div>

            </div>



            <div class="col-md-6">

                <div class="newDiv">

                    Right Column

                </div>

            </div>

        </div>

    </div>

</body>



</html>

Output:

1 Program to make Grid layout of 1 Row Spanning 6 Column in BootStrap

Related Post