Вкладки — содержимое отображается после нажатия на одну из вкладок (Bootstrap)

Ну, как говорится в заголовке, я не могу отображать содержимое на вкладках.

То, что я делаю, я выбираю данные из таблицы MySQL и отображаю их во вкладках (успешно выбран).

Проблема в том, что когда страница загружается, мне нужно щелкнуть одну из вкладок, чтобы отобразить все содержимое вкладок.

Вот код для вкладок:

<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active">
<a href="#description" data-toggle="tab">Description</a>
</li>
<li>
<a href="#terms" data-toggle="tab">Terms and Conditions</a>
</li>
<li>
<a href="#returns" data-toggle="tab">Returns and Cancellation</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="description">
<p class="lead text-justify" style="margin: 10px 5px;">
<?php echo $descrip; ?>
</p>
</div>

<div class="tab-pane" id="terms">
<p class="lead text-justify" style="margin: 10px 5px;">
<?php echo $termsAndCond; ?>
</p>
</div>

<div class="tab-pane" id="returns">
<p class="lead text-justify" style="margin: 10px 5px;">
<?php echo $returnsAndCan; ?>
</p>
</div>
</div>
</div>

Данные отображаются после нажатия на одну из вкладок из приведенного выше кода. Я не знаю, где я допустил ошибку. Пожалуйста, помогите мне исправить это.

Заранее спасибо.