1

テーブルのバグが修正されました: thead タグと tbody タグがありませんでした!

Bootstrapに奇妙な問題があります。すべてが完全に正常に機能しますが、table-hover クラスを使用しようとすると機能しません。また、表には上枠があります: http://gyazo.com/796c5bb99058c0d07e8ece8f54790399.png

また、Chrome ブラウザーのサイズを変更すると、ナビゲーション バーは http://gyazo.com/cb7842b71d7a6e63eb0d5ce3f0b52902.png のようになります。

私は使っている：

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">

コード：

<table id='keytable' class='table table-hover'>
<tr><th>sv_licensenum</th><th>Type</th><th>Key</th><th>Description<‌​/th></tr>
<tr><td>0</td><td>Ranked</td><td>alrCOdo8PsFUur6iZmIlESd7</td><td>test2<‌​/td></tr>
<tr><td>1</td><td>Ranked</td><td>VLnNg25kSZRB4IzNpufu0qIs</td><td>test45‌​6</td></tr>
</table>

id="keytable" は、ブートストラップ以外の外部 CSS ファイル/コードで指定されていません。Javascript にのみ使用されます。

4

2 に答える 2

0

ファイルを注意深く調べた後、この奇妙な動作の理由を突き止めました。

HTMLで定義したスタイルを削除する必要があります。これが、979 ピクセル以下に達したときにナビゲーション バーがパディングされる理由です。@media または media-query を介してこれを定義することを検討できます

body {
    padding-top: 60px; 
    background-color: #f5f5f5;
}

そして、スタイルを削除する必要があります

nav-collapse collapse

これにより、この中に入れたものはすべて隠されます。

http://getbootstrap.com/2.3.2/components.html#navbarを読む

これで問題が解決することを願っています。

于 2013-08-30T06:53:34.483 に答える