I use Bootstrap 3.0.3 and have created with nav nav-pills-justified a nav-section. this also includes dropdown. Unfortunately, the dropdown menu does not show up or are not visible.
Under http://jsbin.com/ujODovO/1/edit?html, css, js, output are my work.
I hope i get some solution to fix this
Related
Does anyone know how to get rid of these lines separating the menu items? I've been looking under the .dropdown-menu class in the bootstrap css, but I can't find anything that will alter the lines.
the default nav bar drop down menu doesn't look like this
see an example : https://getbootstrap.com/examples/navbar/
it may be another css file you include in your project that cause this effect
Please see the menu image bellow
i'm using bootstrap navigation menu here .when if its items are few its child pop up menu goes as this .i'm tried a lot but not found a good result ,this menu items generated by dynamically from asp.net
help me to solve this .
A question is bothering me.
I trying to modify a menu item in my menu. It's the last item in it.
How could I change its position with CSS?
Dev Tools say that item has item-124 class in html.
Any ideas?
You should perhaps reorder your menu items inside your Joomla menu manager - to reorder using css only would cause you headaches at a later stage :)
Do you want to edit where it it positioned on the page or just the order in which it displays?
I am in need of a dropdown-submenu using Bootstrap 3.
There are questions like this all over the place, one in particular that got me closer is this one: Bootstrap 3 dropdown sub menu missing
However, the answers there display the dropdown to the right of the current menu. I need to display the dropdown within the current menu, just sliding the rest of the nav down when open.
Here is a bootply with what I have so far: http://bootply.com/91787
Currently the submenu is just overlaying the current dropdown... I need the submenu to push the rest of the dropdown elements down when open. How can I achieve this? Any help getting the dropdown to activate on click instead of hover would be helpful as well, but the main question is more important.
Like this ? I´m not sure if I understood your question right.
http://bootply.com/91794
Edit:
Quite simple, I hope this is what you want:
.dropdown-menu {position: relative;}
http://bootply.com/91800
Jeff Mould solved this beautifully.
Git: https://github.com/jeffmould/multi-level-bootstrap-menu
Nav Demo: http://theboot.fenwickmedia.com/
I would love to use wordpress built in menu system and I need sub-menus. Is it possible to on hover show that menu items sub-menu in other place. See image.
Thank you. Any suggestions how to achieve this.
You can create the Sub-menu via the CMS in the menu panel dinamically under the parent label. Then you can just hide it onload and show it on the parent's hover. However the sub-menu must have position: absolute and, given your example the liwould have to de displayed inline.
A sample code would be useful to sort out details but this should work.