0

ブートストラップを使用して最初の Web サイトを作成しています。

しかし、メニューの作成を開始したとき、望ましくない効果が見つかりました。

決して削除できない三角形から始めましょう :

ここに画像の説明を入力

HTML コードは次のとおりです。

<div class="navbar">
                <div class="navbar-inner">
                    <a class="brand" href="#">
                        <img src="img/logo.png" alt="Logo Impressive">
                    </a>
                    <ul class="nav">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Sliders</a></li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                Pages
                                <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="dLabel">
                                <li>Example</li>
                                <li>Example</li>
                                <li>Example</li>
                            </ul>
                        </li>
                        <li><a href="#">Features</a></li>
                        <li><a href="#">Shortcodes</a></li>
                        <li><a href="#">Why Me ?</a></li>
                    </ul>
                </div> <!-- end navbar-inner -->
            </div> <!-- end navbar -->

閉じるという自動効果を作成する際に私が見つけた別の問題。

間違いなく誰にとっても簡単ですが、私の jquery の知識はほとんどありません。したがって、ドロップダウンメニューがマウスで表示および非表示になるように誰かが手伝ってくれれば、時間を大幅に節約できます。

仕事で助けがなくて立ち往生しているので、私を助けてくれるすべての人に前もって感謝します

前もって感謝します

4

2 に答える 2

0

これは、多くの回答があったほぼ同じ質問です...クリックではなくホバーでtwitterブートストラップメニュードロップダウンを作成する方法

Bootstrap を使用することを選択したことで、これが役に立ち、称賛されることを願っています。私の経験では、がっかりすることはありません。

于 2013-07-14T18:22:11.487 に答える
0

三角形を削除するには、次のようにナビゲーション バーの:beforeおよび:after疑似セレクターをオーバーライドしますdropdown-menu。

.navbar .nav>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu:after {
  content: none;
}

マウスオーバー (ホバー) でドロップダウンを有効にするには、次を使用します。

ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;    
}

Bootply デモhttp://www.bootply.com/66576

于 2013-07-15T07:07:56.573 に答える