Обернуть элементы ИС в div="id группы"

#
Обернуть элементы ИС в div="id группы"
Здравствуйте.
Имеется обычная ИС.
Хочу реализовать табы на бутстрапе в таком виде:

<ul id="tabs" class="nav-tabs">
        <li><a href="#green" data-toggle="tab">Green</a></li>
        <li><a href="#blue" data-toggle="tab">Blue</a></li>
</ul>

<div class="id группы">
Все элементы группы
</div>

<div class="id группы 2">
Все элементы группы 2
</div>

Как реализовать это?
Может быть есть какие то готовые примеры?
Нашел только для интернет магазина что то похожее.

Заранее благодарен!
Авторизация