<div class="container">
<div class="row">
<div class="col-md-6">Column 1</div>
<div class="col-md-6">Column 2</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4">Column 1</div>
<div class="col-sm-6 col-md-8">Column 2</div>
</div>
</div>
<div class="container">
<!-- Content here -->
</div>
<div class="container-fluid">
<!-- Fluid content here -->
</div>
<div class="container">
<div class="row">
<div class="col-md-4">Column 1</div>
<div class="col-md-4">Column 2</div>
<div class="col-md-4">Column 3</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">Half-width Column</div>
<div class="col-md-6">Half-width Column</div>
</div>
</div>
<div class="container">
<div class="row g-3">
<div class="col-md-4">Column 1</div>
<div class="col-md-4">Column 2</div>
<div class="col-md-4">Column 3</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">Centered Content</div>
<div class="col-md-6 m-3">Margin</div>
</div>
</div>
.element {
position: relative;
z-index: 2;
}