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
Related
If I add another list,how can I make sure it's the list I edit in CSS? Do I assign another div id=? I don't think this will work as In order to edit the TEXT (everything else works in the navbar section besides text-changes) in the dev="navbar, I have to edit the "li {" instead, so if I add another list..how do I target it for changes? Also,I know it's not "properly" formatted, but I'm just trying to understand here.
Here are two images:
HTML
CSS
I'm confused why I cannot change any of the Li text properties in the #navbar selection? It forces me to make a
li{ designation in order to get that to change.
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
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 have a Kendo menu as my main menu, with config starting like
#using Kendo.Mvc.UI
#(Html.Kendo().Menu()
.Name("main-menu")
.OpenOnClick(false)
.Items(items1 =>
Finding no other config option, I thought making OpenOnClick false would make some magical OpenonHover true. I want menu items with children to open on hover so that I can get rid of the arrow to the right of the parent menu item text, as there is absolutely no spacing between the arrow and the tick. I have unsuccessfully tried the :before and :after' pseudo-selectors to insert space, to no avail. All I could get inserted was a literal " hehe.
Take a look at this jsfiddle. FYI-it's using jQuery, not using Html helper. Hope it's helpful to you.
You can open menu on hover.
I am working on a joomla 2.5 site and am required to insert a menu module at the the bottom i.e the footer of the template.I have three items in the middle div ( module ).All i want is that there is some spacing between the three items and also that the menu are displayed inline.so i did add a custom class suffix to the module and am using it in the CSS to exactly match the one i truly require but all i get is somehow my padding set to 0 and the padding-left that i specify in my custom CSS isnt applied.
Please help me with its
Display:inline
spacing between the items.
Please note that this custom CSS should be applied to ONLY AND ONLY this module.because otherwise the whole look of the lists and unordered lists of the site changes.
i am new to it so i am able to exactly figure why it doesnt work
First, in order to affect only the module with the menu you will want to add a module class suffix in the module parameters in the advance module options (it looks like you did that with bottom_footer_menu).
Next, margins don't work on inline elements. You will need to either float the LIs or set them to display as inline-block.