Здравствуйте у меня есть вот такая таблица
<table border="1" cellpadding="1" cellspacing="1">
<tr>
<th>№</th>
<th>Действие</th>
<th>ID заказа</th>
<th>Статус</th>
<th>Дата создания</th>
<th>Дата оплаты</th>
<th>Дополнительная информация</th>
</tr>
{foreach $rsUserOrders as $item name = orders}
<tr>
<td>{$smarty.foreach.orders.iteration}</td>
<td><a href="#" onclick="showProducts({$item['id']}); return false;">Показать товар заказа</a></td>
<td>{$item['id']}</td>
<td>{$item['status']}</td>
<td>{$item['date_created']}</td>
<td>{$item['date_payment']}</td>
<td>{$item['comment']}</td>
</tr>
<tr class="hideme" id="purchasesForOrderId_{$item['id']}">
<td colspan="7">
{if $item['children']}
<table border="1" cellpadding="1" cellspacing="1" width="100%">
<tr>
<th>№</th>
<th>ID</th>
<th>Название</th>
<th>Цена</th>
<th>Количество</th>
</tr>
{foreach $item['children'] as $itemChild name = products}
<tr>
<td>{$smarty.foreach.products.iteration}</td>
<td>{$itemChild['product_id']}</td>
<td><a href="/product/{$itemChild['product_id']}/">{$itemChild['name']}</a></td>
<td>{$itemChild['price']}</td>
<td>{$itemChild['amount']}</td>
</tr>
{/foreach}
</table>
{/if}
</td>
</tr>
{/foreach}
</table>
т.е. мне нужна таблица с семью столбцами, и внутри нее еще одна таблица с пятью столбцами. Кстати class="container" объявлен ранее там идет таблица из двух столбцов на bootstrap. Я могу делать таблицы на этом фреймворке только кратные 12, как сделать 7 ячеек на ширину экрана не залазия в css я не знаю, может кто подскажет. И еще одим вопрос, можно в уже открытом диве с классом контейнер открывать еще один такой же? Я так понимаю что можно, это ведь не ИД, но сами стили прописанные в этом классе не будут мешать друг другу?