私は、ブートストラップ3のタブを使用して、ウェブページ上の関連情報を区切ります。コードは次のとおりです。ブートストラップ3タブが動作しない
<div class="tab-content">
<div id="3users" class="tab-pane fade in active">
<p class="price"><sup>$</sup>48.50<sub> /month</sub></p>
<ul>
<li>E-commerce Platform</li>
<li>Business Reporting</li>
<li>Event Booking</li>
<li>Custom Web Apps</li>
</ul>
<p class="emph">plus everthing included in WebMarketing</p>
<table width="75%" border="0">
<tbody>
<tr>
<td>Users</td>
<td class="td-right">3</td>
</tr>
<tr>
<td>Emails</td>
<td class="td-right">10</td>
</tr>
<tr>
<td>Storage</td>
<td class="td-right">1GB</td>
</tr>
<tr>
<td>Bandwidth/Month</td>
<td class="td-right">1TB</td>
</tr>
<tr>
<td>Newsletters/Month</td>
<td class="td-right">10,000</td>
</tr>
<tr>
<td>SMS/Month</td>
<td class="td-right">10</td>
</tr>
</tbody>
</table>
</div>
<div id="5users" class="tab-pane fade in active">
<p class="price"><sup>$</sup>73.50<sub> /month</sub></p>
<ul>
<li>E-commerce Platform</li>
<li>Business Reporting</li>
<li>Event Booking</li>
<li>Custom Web Apps</li>
</ul>
<p class="emph">plus everthing included in WebMarketing</p>
<table width="75%" border="0">
<tbody>
<tr>
<td>Users</td>
<td class="td-right">5</td>
</tr>
<tr>
<td>Emails</td>
<td class="td-right">20</td>
</tr>
<tr>
<td>Storage</td>
<td class="td-right">2GB</td>
</tr>
<tr>
<td>Bandwidth/Month</td>
<td class="td-right">1TB</td>
</tr>
<tr>
<td>Newsletters/Month</td>
<td class="td-right">10,000</td>
</tr>
<tr>
<td>SMS/Month</td>
<td class="td-right">10</td>
</tr>
</tbody>
</table>
</div>
<div id="10users" class="tab-pane fade in active">
<p class="price"><sup>$</sup>99.00<sub> /month</sub></p>
<ul>
<li>E-commerce Platform</li>
<li>Business Reporting</li>
<li>Event Booking</li>
<li>Custom Web Apps</li>
</ul>
<p class="emph">plus everthing included in WebMarketing</p>
<table width="75%" border="0">
<tbody>
<tr>
<td>Users</td>
<td class="td-right">10</td>
</tr>
<tr>
<td>Emails</td>
<td class="td-right">50</td>
</tr>
<tr>
<td>Storage</td>
<td class="td-right">5GB</td>
</tr>
<tr>
<td>Bandwidth/Month</td>
<td class="td-right">1TB</td>
</tr>
<tr>
<td>Newsletters/Month</td>
<td class="td-right">10,000</td>
</tr>
<tr>
<td>SMS/Month</td>
<td class="td-right">10</td>
</tr>
</tbody>
</table>
</div>
</div>
私は、なぜ、ページのロード時やディスプレイのdiv要素のすべてを一度確認していません。タブの1つをクリックすると、関連するdivのみが表示されます。
2番目と3番目がなぜ読み込まれていないのかわかりません。
私はbootstrap-3.3.7.js
とjquery-1.11.3.min.js
を使用しており、最新バージョンのDreamweaverで作業しています。ヘルプ