How to get logo & Title on same line via bootstrap
<p>I am using Bootstrap &amp; want to get the logo on the left &amp; title in the center. I have used the following code but not able to get the desired result.
Please Guide.</p>

<pre><code>&lt;div class="panel-heading"&gt;&lt;a href="#"&gt;
&lt;img src="Logo.png" width="10%" height="10%" alt=""&gt;
&lt;/a&gt;
&lt;h1 align="center"&gt;Title&lt;/h1&gt;&lt;/div&gt;
</code></pre>