Dividing content into two columns can be done by incorporating a "div" code into the content regions. 

Adding A Div 

Because your site is based on what is called a Twitter Bootstrap framework, it uses a “grid” of 12. You can think of this as just the total width of your columns.

So in order to achieve two columns, try using 6 and 6 for two equal columns, or 8 and 4 if you'd like the left column to be wider than the right. To keep it simple, just make sure your columns add up to 12. 

(For Advanced Users: For more custom grid combinations, visit Bootstrap’s website at http://getbootstrap.com/2.3.2/scaffolding.html.)

To add a div to your page, begin by navigating to the page and the source code. Find the content that needs to be entered in a grid and copy/paste this code in that section, replacing the "CONTENT ON..." text with your actual content.

Then enter in your code:

<div class="row" style="text-align: center;">
<div class="col-md-8">
CONTENT ON LEFT SIDE
</div>
<div class="col-md-4">
CONTENT ON RIGHT SIDE
</div>
</div>

Are Divs Responsive?

Short answer: for the most part, yes. Getting a little technical: Bootstrap was built for responsive websites, so it will generally handle responsiveness for you. Column widths will be based on percentages, and divs should stack for mobile automatically. That said, if there is a lot of special formatting within your div, you could override that responsiveness. Therefore, it’s always a good idea to check your work at all break points, including mobile. 

Refer to the image below for an example of how div columns appear on a page:

Did this answer your question?