We can very easily convert our two column layout into a three column layout.
Three column layouts are typically used for laptop and desktop screens. A three column layout will also work in a tablets landscape mode if the screen resolution is more than or equal to 992 pixels. For example an Apple iPad.
In smaller devices, the columns will stack on top of each other as normal.
Let's go ahead and add a third column to our layout.
<div class="col-lg-6 bg2">Sample Paragraph 2.</div>
We will add the bg1 class to this new column.
Since we now need to split 12 columns among three rows, we need to adjust our values.
We can create equal sized columns by plugging in 4 x 4 x 4.
Other examples include: