Grid Columns

<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1PqNJ/1623f8ec8214fb957db3f3207ea637fe0f4f1204" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1PqNJ/1623f8ec8214fb957db3f3207ea637fe0f4f1204" data-origin-width="1516" data-origin-height="641"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1PqNJ/179ae309cd4733af0c2624cc83941ec16957079b" class="txc-image" width="800" height="302" data-img-src="https://t1.daumcdn.net/cafeattach/1PqNJ/179ae309cd4733af0c2624cc83941ec16957079b" data-origin-width="1529" data-origin-height="577"></div><p><span style="color: #333333;" data-ke-size="size18"><!DOCTYPE html></span></p><p><span style="color: #333333;" data-ke-size="size18"><html lang="en"></span></p><p><span style="color: #333333;" data-ke-size="size18">    <head></span></p><p><span style="color: #333333;" data-ke-size="size18">        <meta charset="UTF-8" /></span></p><p><span style="color: #333333;" data-ke-size="size18">        <meta http-equiv="X-UA-Compatible" content="IE=edge" /></span></p><p><span style="color: #333333;" data-ke-size="size18">        <meta name="viewport" content="width=device-width, initial-scale=1.0" /></span></p><p><span style="color: #333333;" data-ke-size="size18">        <link rel="stylesheet" href="./assets/css/bootstrap.min.css" /></span></p><p><span style="color: #333333;" data-ke-size="size18">        <title>Bootstrap Sandbox | Bootstrap Grid Columns</title></span></p><p><span style="color: #333333;" data-ke-size="size18">    </head></span></p><p><span style="color: #333333;" data-ke-size="size18">    <body></span></p><p><span style="color: #333333;" data-ke-size="size18">        <div class="container"></span></p><p><span style="color: #333333;" data-ke-size="size18">            <h1 class="mb-5">Bootstrap Grid Columns</h1></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            </span></p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">1 of 2</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">2 of 2</div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">1 of 3</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">2 of 3</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">3 of 3</div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p><span style="color: #333333;" data-ke-size="size18">            <br /><br /></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            </span></p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-6 bg-light border">1 of 2</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-6 bg-light border">2 of 2</div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-4 bg-light border">1 of 2</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-8 bg-light border">2 of 2</div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p><span style="color: #333333;" data-ke-size="size18">            <br /><br /></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            </span></p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-md-6 bg-light border">1 of 2</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-md-6 bg-light border">2 of 2</div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-sm-6 col-lg-3 bg-light border">1 of 4</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-sm-6 col-lg-3 bg-light border">2 of 4</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-sm-6 col-lg-3 bg-light border">3 of 4</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-sm-6 col-lg-3 bg-light border">4 of 4</div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p><span style="color: #333333;" data-ke-size="size18">            <br /><br /></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            </span></p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p><span style="color: #333333;" data-ke-size="size18">            <br /><br /></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            <br /><br /></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            </span></p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border pb-3">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border pb-3">Column</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border pb-3"></span></p><p><span style="color: #333333;" data-ke-size="size18">                    <div class="row"></span></p><p><span style="color: #333333;" data-ke-size="size18">                        <div class="col text-bg-dark">Nest</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                        <div class="col text-bg-dark">Nest</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                    </div></span></p><p><span style="color: #333333;" data-ke-size="size18">                </div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p><span style="color: #333333;" data-ke-size="size18">            <br /><br /></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            </span></p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row g-5"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-md-4"></span></p><p><span style="color: #333333;" data-ke-size="size18">                    <div class="p-3 text-bg-primary">Content Item</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                </div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-md-4"></span></p><p><span style="color: #333333;" data-ke-size="size18">                    <div class="p-3 text-bg-primary">Content Item</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                </div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-md-4"></span></p><p><span style="color: #333333;" data-ke-size="size18">                    <div class="p-3 text-bg-primary">Content Item</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                </div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p><span style="color: #333333;" data-ke-size="size18">            <br /><br /></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            </span></p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-md-4 offset-4"></span></p><p><span style="color: #333333;" data-ke-size="size18">                    <div class="p-3 text-bg-primary">Content Item</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                </div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-md-4"></span></p><p><span style="color: #333333;" data-ke-size="size18">                    <div class="p-3 text-bg-primary">Content Item</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                </div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col-md-6 offset-3 border">Hello World</div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p><span style="color: #333333;" data-ke-size="size18">            <br /><br /></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            </span></p><p><span style="color: #333333;" data-ke-size="size18">            <div class="row"></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border order-2">Column 1</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border order-4">Column 2</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border order-1">Column 3</div></span></p><p><span style="color: #333333;" data-ke-size="size18">                <div class="col bg-light border order-3">Column 4</div></span></p><p><span style="color: #333333;" data-ke-size="size18">            </div></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">            </span></p><p><span style="color: #333333;" data-ke-size="size18">        </div></span></p><p><span style="color: #333333;" data-ke-size="size18">        <div style="margin-top: 350px"></div></span></p><p> </p><p><span style="color: #333333;" data-ke-size="size18">        <script src="./assets/js/bootstrap.bundle.min.js"></script></span></p><p><span style="color: #333333;" data-ke-size="size18">    </body></span></p><p><span style="color: #333333;" data-ke-size="size18"></html></span></p><p> </p>