4

ブートストラップ .dropwdown クラスの表示に問題があります。最初から動いていたのですが、しばらくすると表示されなくなりました。ウェブサイト全体で「メインページ」として固定コンテナを使用しています。現在はこのようになっています: http://imgur.com/Nifjeボタンをクリックすると、小さな矢印が表示されるので、このようになります。

ドロップダウンが機能しており、.js ファイルに問題がないことを確認しました。使用している本文とヘッダーは次のとおりです。

<body>
 <div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <span class="brand">doost</span>
      <div class="nav-collapse collapse">
        <ul class="nav">
            <li><a href="<?php echo $logout; ?>">Logout</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">browse <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="<?php echo $random; ?>">random</a></li>
           </ul>
          </li>
         </ul>
     </div><!--/.nav-collapse -->
    </div>
  </div>
</div>
<div class="container">

この問題の原因となった可能性のあるすべてのものをリセット/削除しようとしましたが、修正できませんでした。これには、bootstrap.js/bootstrap.css をデフォルトのものに置き換えることが含まれます。メイン ページは、ヘッダーで始まりフッターで終わる固定コンテナーで構成されており、前述のようにすべてのページに含まれています。このコンテナー内にネストされた div タグがいくつかあり、Web サイトを構成しています。

また、bootstrap.css の .dropdown の z-index を増やしてみましたが、何も起こりませんでした。

1つのhomecook.js/homecook.cssを含むデフォルトのbootstrap.js/bootstrap.cssを使用しています

あなたが私を助けるために他に何か提供する必要があるかどうか教えてください. ありがとうございました。

4

2 に答える 2

5

nav-collapse collapseクラスの div に正の z-index 値を設定することで、これを解決できました。私の場合、0トリックよりも大きな値です!

于 2012-11-27T19:21:01.253 に答える
0

私もこの問題を抱えていました。しかし、あなたのコードを試してみると、問題はありませんでした。bootstrap-dropdown.jsなどの必要なプラグインをすべて含めましたか?

于 2012-10-03T15:57:56.207 に答える