【发布时间】：2017-08-07 21:49:30
【问题描述】：
那里！
所以，我偶然发现了这个网站 (http://bootstrap.snipplicious.com/snippet/8/forum)，在那里我找到了一个论坛的 Bootstrap 模板。我复制/粘贴了 HTML 和 CSS 代码，但它看起来与页面上的不完全一样。谁能告诉我为什么？
片段，已添加。
.forum.table > tbody > tr > td {
vertical-align: middle;
}
.forum .fa {
width: 1em;
text-align: center;
}
.forum.table th.cell-stat {
width: 6em;
}
.forum.table th.cell-stat-2x {
width: 14em;
}<body>
<div class="container" style="margin-top: 35px">
<div class="page-header page-heading">
<h1 class="pull-left">Forums</h1>
<ol class="breadcrumb pull-right where-am-i">
<li><a href="#">Forums</a></li>
<li class="active">List of topics</li>
</ol>
<div class="clearfix"></div>
</div>
<p class="lead">This is the right place to discuss any ideas, critics, feature requests and all the ideas regarding our website. Please follow the forum rules and always check FAQ before posting to prevent duplicate posts.</p>
<table class="table forum table-striped">
<thead>
<tr>
<th class="cell-stat"></th>
<th>
<h3>Important</h3>
</th>
<th class="cell-stat text-center hidden-xs hidden-sm">Topics</th>
<th class="cell-stat text-center hidden-xs hidden-sm">Posts</th>
<th class="cell-stat-2x hidden-xs hidden-sm">Last Post</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center"><i class="fa fa-question fa-2x text-primary"></i></td>
<td>
<h4><a href="#">Frequently Asked Questions</a><br><small>Some description</small></h4>
</td>
<td class="text-center hidden-xs hidden-sm"><a href="#">9 542</a></td>
<td class="text-center hidden-xs hidden-sm"><a href="#">89 897</a></td>
<td class="hidden-xs hidden-sm">by <a href="#">John Doe</a><br><small><i class="fa fa-clock-o"></i> 3 months ago</small></td>
</tr>
<tr>
<td class="text-center"><i class="fa fa-exclamation fa-2x text-danger"></i></td>
<td>
<h4><a href="#">Important changes</a><br><small>Category description</small></h4>
</td>
<td class="text-center hidden-xs hidden-sm"><a href="#">6532</a></td>
<td class="text-center hidden-xs hidden-sm"><a href="#">152123</a></td>
<td class="hidden-xs hidden-sm">by <a href="#">Jane Doe</a><br><small><i class="fa fa-clock-o"></i> 1 years ago</small></td>
</tr>
</tbody>
</table>
<table class="table forum table-striped">
<thead>
<tr>
<th class="cell-stat"></th>
<th>
<h3>Suggestions</h3>
</th>
<th class="cell-stat text-center hidden-xs hidden-sm">Topics</th>
<th class="cell-stat text-center hidden-xs hidden-sm">Posts</th>
<th class="cell-stat-2x hidden-xs hidden-sm">Last Post</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center"><i class="fa fa-heart fa-2x text-primary"></i></td>
<td>
<h4><a href="#">More more more</a><br><small>Category description</small></h4>
</td>
<td class="text-center hidden-xs hidden-sm"><a href="#">6532</a></td>
<td class="text-center hidden-xs hidden-sm"><a href="#">152123</a></td>
<td class="hidden-xs hidden-sm">by <a href="#">Jane Doe</a><br><small><i class="fa fa-clock-o"></i> 3 months ago</small></td>
</tr>
<tr>
<td class="text-center"><i class="fa fa-magic fa-2x text-primary"></i></td>
<td>
<h4><a href="#">Haha</a><br><small>Category description</small></h4>
</td>
<td class="text-center hidden-xs hidden-sm"><a href="#">6532</a></td>
<td class="text-center hidden-xs hidden-sm"><a href="#">152123</a></td>
<td class="hidden-xs hidden-sm">by <a href="#">Jane Doe</a><br><small><i class="fa fa-clock-o"></i> 1 years ago</small></td>
</tr>
</tbody>
</table>
<table class="table forum table-striped">
<thead>
<tr>
<th class="cell-stat"></th>
<th>
<h3>Open discussion</h3>
</th>
<th class="cell-stat text-center hidden-xs hidden-sm">Topics</th>
<th class="cell-stat text-center hidden-xs hidden-sm">Posts</th>
<th class="cell-stat-2x hidden-xs hidden-sm">Last Post</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td colspan="4" class="center">No topics have been added yet.</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>【问题讨论】：
-
你需要引导库
-
是的，你没有添加引导 CSS/JS 文件
标签： html css twitter-bootstrap bootstrap-modal