<div class="container">
<div class="row">
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Объект Учёта</h3>
</div>
<div class="panel-body">
<ul class="list-group" id="myTabs">
<a href="#" class="list-group-item">Создание</a>
<ul>
<li><a data-toggle="tab" href="#KK1">КК</a></li>
<li><a data-toggle="tab" href="#gugf1">ГУ/ГФ</a></li>
</ul>
</ul>
</div>
</div>
</div>
<div class="col-md-9">
<div class="tab-content">
<div id="KK1" class="panel panel-default tab-pane fade in active">
<div class="panel-heading">Статьи по теме</div>
<div class="panel-body">
<table class="table table-condensed table table-hover">
<col width="30%"><col width="70%">
<tr>
<td><a href="#">Пункт #1 Категория #1 Статья #1</a></td>
<td>Краткое описание статьи #1</td>
</tr>
<tr>
<td><a href="#">Пункт #1 Категория #1 Статья #2</a></td>
<td>Краткое описание статьи #2</td>
</tr>
<tr>
<td><a href="#">Пункт #1 Категория #1 Статья #3</a></td>
<td>Краткое описание статьи #3</td>
</tr>
<tr>
<td><a href="#">Пункт #1 Категория #1 Статья #4</a></td>
<td>Краткое описание статьи #4</td>
</tr>
<tr>
<td><a href="#">Пункт #1 Категория #1 Статья #5</a></td>
<td>Краткое описание статьи #5</td>
</tr>
</table>
</div>
</div>
<div id="gugf1" class="panel panel-default tab-pane fade">
<div class="panel-heading">Статьи по теме</div>
<div class="panel-body">
<table class="table table-condensed table table-hover">
<col width="30%"><col width="70%">
<tr>
<td><a href="#">Пункт #1 Категория #2 Статья #1</a></td>
<td>Краткое описание статьи #1</td>
</tr>
<tr>
<td><a href="#">Пункт #1 Категория #2 Статья #2</a></td>
<td>Краткое описание статьи #2</td>
</tr>
<tr>
<td><a href="#">Пункт #1 Категория #2 Статья #3</a></td>
<td>Краткое описание статьи #3</td>
</tr>
<tr>
<td><a href="#">Пункт #1 Категория #2 Статья #4</a></td>
<td>Краткое описание статьи #4</td>
</tr>
<tr>
<td><a href="#">Пункт #1 Категория #2 Статья #5</a></td>
<td>Краткое описание статьи #5</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>