Bootstrap on one page messing up

Bootstrap on one page messing up
0

Hello good people. Thanks for all your help getting my date box working great, it does.

I am now having a problem on my wordpress / bootstrap3 event page. In that, for some reason, on larger screens, the lorem ipsum dummy text that is the description of the event, is not showing up correctly on large screens. It is under the sidebar on the right, and over the top of the date which is in col-sm-2.


The page can be viewed here http://www.airfieldcards.com/wordpress/events
Here is the whole code for the archive-events page.

<?php
get_header(); ?>
<?php
  while(have_posts()) {
    the_post(); ?>
<div class="container">

<div class="row">
        <div class= "col-sm-2">
        <?php get_template_part( 'template-parts/ArchiveDate'); ?>
        </div>

        <div class= "col-sm-10">
        <h2 class="vg_event_summary">
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?><a/></h2>
        <p class="vg_Right_Info"><?php echo wp_trim_words(get_field('event_description'), 30); ?><br />
           <a href="<?php the_permalink(); ?>" class="btn btn-primary btn-md">View Event</a></p>
        </div>
            
</div> <!-- row -->           
            
</div><!-- event container-->
    
    <hr class="my_blue_rule" />
 
    <?php }
 /* echo paginate_links();*/
?>

<?php get_sidebar();
get_footer();

?>

I can’t see a sidebar when I visited the page. Hope all is well.