StepsEasy
Bootstrap Grid System - Example
Run
Reset
Destroy & Close
← Back to lesson
Code Editor
html
<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 class="row"> <div class="col-sm-6 col-lg-3">Responsive 1</div> <div class="col-sm-6 col-lg-3">Responsive 2</div> <div class="col-sm-6 col-lg-3">Responsive 3</div> <div class="col-sm-6 col-lg-3">Responsive 4</div> </div> </div>
Result
Click "Run" to execute the code...
Loading runtime...
Ready
HTML | In-Browser Execution