I cannot figure out how to do this. I foound several references on the web, none work. Here's one:
<div class="col-sm-1 col-xs-1 nopadding" style="padding-left:30px;"
<div class="col-sm-10 col-xs-10 text-left">
<p>All Autowater Irrigation systems are custom designed to each property.
If you choose an installation, our process will be customized for your specific property and needs.</p>
<p>Basically, the installation of a new system starts directly at the water meter in order to take advantage of the highest gallons per minute (GPM).</p>
<p>If you choose the "separate meter option" (where applicable), this "high volume" water source will be plumbed in automatically.</p>
<p>In order to simplify future preventative maintenance, we determine the most convenient location (usually the garage) for the timer.
Once the electric and hydraulic sources have been determined, we design a system with head-to-head coverage, which will guarantee
even distribution and create a complete and efficient system.</p>
<p>Our expert installation team professionally installs each system to be completely undetectable when it is not in use.</p>
<p>In order to ensure satisfaction, each new system comes with a one-year guarantee from the date of installation.</p>
<div class="col-sm-3 col-xs-3"><img src="images/elmer_mach_sm.
<div class="col-sm-1 col-xs-1"> </div>
Note the inclusion of the div with 3 col width within the one of 10 col width.
This was suggested here: https://teamtreehouse.com/community/q-bootstrap-wrapping-text-around-images
I tried several others, none worked.
It produces the attached, of course NOT wrapped.