title: how to create right and left Title for bootstrap Panels
body: <p>I whant to create panel with two title
  <img src="https://i.stack.imgur.com/WJZu3.png" alt="enter image description here" /></p>
  <p>when I use this code my title are hide !</p>
  <pre><code>&lt;asp:Repeater runat=&quot;server&quot; ID=&quot;ChatDialog&quot;&gt;
                  &lt;HeaderTemplate&gt;
                      &lt;div class=&quot;panel panel-primary&quot;&gt;
                  &lt;/HeaderTemplate&gt;
                  &lt;ItemTemplate&gt;
                      &lt;div class=&quot;panel-heading&quot;&gt;
                          &lt;h3 class=&quot;panel-title text-left pull-left&quot;&gt;&lt;%#Eval(&quot;ErrorTag&quot;)%&gt;&lt;/h3&gt;
                          &lt;h3 class=&quot;panel-title text-right pull-right&quot;&gt;&lt;%#Eval(&quot;Date&quot;)%&gt;&lt;/h3&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;panel-body&quot;&gt;
                          &lt;%#Eval(&quot;ErrorText&quot;)%&gt;
                      &lt;/div&gt;
                  &lt;/ItemTemplate&gt;
                  &lt;FooterTemplate&gt;
                      &lt;/div&gt;
                  &lt;/FooterTemplate&gt;
              &lt;/asp:Repeater&gt;
  </code></pre>
  <p>like bellow :
  <img src="https://i.stack.imgur.com/Y0Ziu.png" alt="enter image description here" /></p>
  <p>how I can solve it ?</p>