sidebar is messing up layout

Hi. I have worked really, really hard to learn some html, css and now am trying to learn Bootstrap. I have managed to add a sidebar to the front-page of my site and move it to the right side exactly as I wanted. However I cannot figure out the best way to resize the content that is still full page. Any help you could give is greatly appreciated! My site is: http://ravishingrevamp.com

I’m using the Matheson theme from the WordPress.org Themes Directory and running the latest version of WordPress: 4.1.

I added ‘<?php_get sidebar() ; ?/’ at the bottom of the code to include the sidebar. Not sure if that was the best way.

I also added bootstrap code ‘”col-md-8″>’ to ‘<div id=” primary”‘ to resize the content. that moved the sidebar into position but I lost the left padding on the main post area.

‘<?php } ?>
<div id=”primary” class=”col-md-8″><?php bavotasan_primary_attr(); ?>>
<?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
if ( ‘page’ == get_option(‘show_on_front’) ) { ?>
<article id=”post-<?php the_ID(); ?>” <?php post_class(); ?>>
<div class=”entry-content”>
<?php the_content( __( ‘Read more’, ‘matheson’ ) ); ?>
</div><!– .entry-content –>’

Any suggestions?