boostrap クラス割り当てても変化しない？

boostrapを使っているのですが、クラスを割り当てても色が黒くなりません。どなたか詳しい方ご教授ください。

<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="bootstrap.css">
</head>
<body>
<table class="table table-inverse">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</body>
</html>

sii_side

2017/03/27 03:58

使用しているbootstrapのバージョンを記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

table-inverseが動作しないという質問内容だと読みました。

以下の5つを確認してみていただけませんか？

link要素のhref属性で指定しているリンク先が存在するか。
bootstrap4を使っているか。
キャッシュの消去を試して改善するか。
ブラウザを変えてみてみて何か変化があるか。
以下のコードをそのまま実行して何か変化があるか。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="utf-8">
5    <title>タイトル</title>
6    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
7</head>
8<body>
9<table class="table table-inverse">
10    <thead>
11    <tr>
12        <th>#</th>
13        <th>First Name</th>
14        <th>Last Name</th>
15        <th>Username</th>
16    </tr>
17    </thead>
18    <tbody>
19    <tr>
20        <th scope="row">1</th>
21        <td>Mark</td>
22        <td>Otto</td>
23        <td>@mdo</td>
24    </tr>
25    <tr>
26        <th scope="row">2</th>
27        <td>Jacob</td>
28        <td>Thornton</td>
29        <td>@fat</td>
30    </tr>
31    <tr>
32        <th scope="row">3</th>
33        <td>Larry</td>
34        <td>the Bird</td>
35        <td>@twitter</td>
36    </tr>
37    </tbody>
38</table>
39<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
40</body>
41</html>