title: how to make text with inline image within the container using bootstrap
body: <p>I've been looking for this solution even tried my self but no luck.</p>
  <p>I want to make the image from half widh to right edge of the browser</p>
  <pre><code>&lt;section class=&quot;map-cont&quot;&gt;
              &lt;div class=&quot;container&quot;&gt;
                  &lt;div class=&quot;row&quot;&gt;
                      &lt;div class=&quot;col-md-6&quot;&gt;
                          &lt;h2 class=&quot;main-heading&quot;&gt;heading&lt;/h2&gt;
                          &lt;p&gt;text&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;col-md-6&quot;&gt;
                          &lt;img src=&quot;img/map.jpg&quot; alt=&quot;&quot; class=&quot;map&quot; /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/section&gt;
  </code></pre>
  <p>I want to acheive this, please see the below image.</p>
  <p><a href="https://i.stack.imgur.com/FEMyE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FEMyE.jpg" alt="enter image description here" /></a></p>