wrapping Wordpress text content in div - php

Question

I have an Wordpress site using bootstrap framework. I have content (written in the admin posts panel) which contains images and text. I am trying to wrap the text content in row and col-md-10 tags (and leaving the images alone)
It is brought into my single.php page
<?php the_content(); ?>
I have tried playing around with preg_replace to the effect of
<?php
$content = preg_replace('/<row>(.*?)<\/row>/', '', get_the_content());
$content = wpautop($content);
echo $content;
?>

Answer 1

Try this piece of code. You will have to put it in your functions.php. What it does is that it searches for all the images and then wraps the content in divs leaving images intact. I have tested it. And it is working fine even if you have no images.
function sr_wrap_content_in_div( $content )
{
$contents = explode("<img", $content);
foreach($contents as $content)
{
$before_tag = strstr($content, '/>', true);
$after_tag = strstr($content, '/>');
if( $before_tag == '' && $after_tag == '' )
{
echo '<div class="row"><div class="col-md-10">'; // change it later if you need to
echo $content;
echo '</div></div>';
} else if( $after_tag == '/> ' )
{
echo '<img';
echo $before_tag;
echo '/>';
} else
{
echo '<img';
echo $before_tag;
echo '/>';
echo '<div class="row"><div class="col-md-10">'; // change here too.
echo substr($after_tag, 2);
echo '</div></div>';
}
}
}
add_filter( 'the_content', 'sr_wrap_content_in_div' );