qgis_bootstrap.html

<div class="tabbable" style="margin-bottom: 18px;">
   <ul class="nav nav-tabs">
      <li class="active"><a href="#tab_[% "id" %]_1" data-toggle="tab">Basic</a></li>
      <li><a href="#tab_[% "id" %]_2" data-toggle="tab">Picture</a></li>
      <li><a href="#tab_[% "id" %]_3" data-toggle="tab">Timeline</a></li>
   </ul>
   <div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
      <div class="tab-pane active" id="tab_[% "id" %]_1">
         <table>
            <tr>
               <td>ID</td>
               <td>[% "id" %]</td>
            </tr>
            <tr>
               <td>Priority</td>
               <td>[% "priority" %]</td>
            </tr>
            <tr>
               <td>Description</td>
               <td>[% "issue" %]</td>
            </tr>
         </table>
      </div>
      <div class="tab-pane" id="tab_[% "id" %]_2">
         <table>
            <tr>
               <td>Photo 1</td>
               <td><img src='[% "picture" %]' /> </td>
            </tr>
         </table>
      </div>
      <div class="tab-pane" id="tab_[% "id" %]_3">
         <table>
            <tr>
               <td>Created on</td>
               <td>[% "date" %]</td>
            </tr>
            <tr>
               <td>Last Updated</td>
               <td>[% "updated" %]</td>
            </tr>
            <tr>
               <td>Already resolved</td>
               <td>[% "resolved" %]</td>
            </tr>
         </table>
      </div>
   </div>
</div>
<!-- /tabbable -->