Note that there are some explanatory texts on larger screens.

plurals
  1. POA dropdown menu who have dropdown's inside (Bootstrap-navbar) for tablet
    primarykey
    data
    text
    <p>I tried to make a navbar with a dropdown menu inside, but in this, i wan't a dropdown menu inside. But when i click on it, the menu close. I wan't to block this function who when i click on it disapears, because i think it's because of that it cannot works. I saw a thing about stopPropagation on <a href="https://github.com/twitter/bootstrap/pull/3383" rel="nofollow">https://github.com/twitter/bootstrap/pull/3383</a> but i don't know where i can declare this, and it isn't a formular.</p> <p>EDIT : I can't use li class="dropdown-submenu" because when you are on a mobile or a tablet, the menu close when you touch a link in it.</p> <p>There is my code :</p> <pre><code>&lt;div class="bs-docs-example"&gt; &lt;div class="navbar"&gt; &lt;div class="navbar-inner"&gt; &lt;div class="container"&gt; &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse"&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/a&gt; &lt;a class="brand" href="/app/alink"&gt;Title&lt;/a&gt; &lt;div class="nav-collapse collapse navbar-responsive-collapse"&gt; &lt;ul class="nav"&gt; &lt;li class="dropdown"&gt; &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Article A&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt; &lt;ul class="dropdown-menu"&gt; &lt;li&gt;&lt;a href="/app/alink"&gt;Title Article 1-A&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/app/alink"&gt;Title Article 2-A&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class="dropdown"&gt;&lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;More ...&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt; &lt;ul class="dropdown-menu"&gt; &lt;li class="dropdown"&gt;&lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Article B&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt; &lt;ul class="dropdown-menu"&gt; &lt;li&gt;&lt;a href="/app/alink"&gt;article 1-B&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Article C&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Article D&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p><br /></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload